Archived topic

Category Title Font and Background Styling

5 replies · Started by Chris on June 15, 2015

Viewing posts 1–6 of 6

June 15, 2015 at 3:31 pm #114826

I would like to style the Category title font (white color and smaller font) and text background (add the same repeating image used in blog header) to match the page header:
http://www.roadbikeoc.com/category/2015-bikes/

Can't do it via the excellent GP Premium Add-ons.

I assume the easiest way is to use custom CSS. Any advice would be greatly appreciated.

FYI, This would be a good additional customizing feature to include for the next version of GP Premium. ;)

June 16, 2015 at 12:05 am #114858

Give this a try:

.page-header {
    background: transparent;
    color: #fff;
    padding-left: 0 !important;
}

June 16, 2015 at 10:01 am #114960

Perfect!

FYI, how can I make the category header font smaller? I tried tweaking in the style.css file directly (tried h1, h2, h3, h4) but it didn't shrink it. :/

(Going forward will only use the Custom CSS file.)

June 17, 2015 at 12:10 am #115087

This should do it:

.page-header h1 {
      font-size: 25px;
}

Adjust as needed :)

June 17, 2015 at 10:09 am #115185

Thanks!

June 17, 2015 at 10:45 am #115189

You're welcome :)

This archived topic is closed to new replies.

Start building better websites today.