- AuthorPosts
- June 8, 2020 at 11:43 am #31004
paulandrew
GuestHi there,
Enjoying using BoldGrid. Finding my way around. Is there a way to change just the surrounding color of the Page Title (header) to match the page background color? As of now, the word (ABOUT, or whatever) is in a field of white, but I would rather have it gray or match the background. Thanks for any help! Paul
June 8, 2020 at 2:47 pm #31005Jesse Owens
GuestHello Paul,
The background will be controlled by your Color Palette in Customize -> Colors, but if you just want to change this specific background, you can do so using Custom CSS.
In order to select just the page title background, use custom CSS similar to this:
.entry-title a { background: gray !important; }
This example just uses the keyword gray, but you can substitute a hexadecimal color code such as #808080 or the shade that matches your color palette.
I hope this helps!
June 8, 2020 at 4:32 pm #31006paulandrew
Guestnice, so I can use the auto CSS code insert function to add this? Or I have to go into the actual html code on each page? I’m a little intimidated what steps to take to not “step” on everything. Haha. Here’s an example: I want the Page Title to blend better with the page background, as of now it’s white around the Page Title word.
June 8, 2020 at 4:40 pm #31007paulandrew
GuestOk, I sucked it up and just tried. I see I can just paste some code after the existing CSS template code for the background color. (right?) Thanks!
June 8, 2020 at 5:14 pm #31008Jesse Owens
GuestHello Paul,
You should use this Custom CSS code in your Customize -> Advanced -> Custom JS & CSS menu, using these instructions.
June 9, 2020 at 4:41 pm #31009support
GuestHi Paul, you are correct! All you need to do is paste that code after the existing text to add the rule Jesse provided. Please let us know if you have any additional questions!
June 9, 2020 at 4:53 pm #31010paulandrew
Guestit worked perfectly! Thanks!
- AuthorPosts
- The topic ‘Page Title Background Color’ is closed to new replies.