- AuthorPosts
- June 8, 2020 at 11:43 am #31004paulandrewGuest
Hi 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 OwensGuestHello 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 #31006paulandrewGuestnice, 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 #31007paulandrewGuestOk, 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 OwensGuestHello 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 #31009supportGuestHi 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 #31010paulandrewGuestit worked perfectly! Thanks!
- AuthorPosts
- The topic ‘Page Title Background Color’ is closed to new replies.