Page Title Background Color

Leslie Paton October 9, 2018 at 4:17 am

For some reason the page title background color of my “About” page remains red while all the rest are blue. How do I change it to blue?

If we can change them individually, I would like to change the page title background color of the “InteServ” page to Green. How would I do that?

Can I make the tagline text bold, italic and blue?

I tried this css but it didn’t work:

/* for site tagline */
.slide-bg-section p{
font-weight: bold; font-style: italic;
}
/* for menu bar headers */
.navbar-default{
background : #fff;
}

.home .navbar-default .navbar-nav > .active > a, .home .navbar-default .navbar-nav > .active > a:focus, .home .navbar-default .navbar-nav > .active > a:hover{
color: #007bc0 !important;
}

.home .navbar-default .navbar-nav > li > a{
color: #007bc0 !important;
}

Please advise, thanks!

Replies (5)

  1. Leslie Paton October 9, 2018 at 4:17 am

    For some reason the page title background color of my “About” page remains red while all the rest are blue. How do I change it to blue?

    If we can change them individually, I would like to change the page title background color of the “InteServ” page to Green. How would I do that?

    Can I make the tagline text bold, italic and blue?

    I tried this css but it didn’t work:

    /* for site tagline */
    .slide-bg-section p{
    font-weight: bold; font-style: italic;
    }
    /* for menu bar headers */
    .navbar-default{
    background : #fff;
    }

    .home .navbar-default .navbar-nav > .active > a, .home .navbar-default .navbar-nav > .active > a:focus, .home .navbar-default .navbar-nav > .active > a:hover{
    color: #007bc0 !important;
    }

    .home .navbar-default .navbar-nav > li > a{
    color: #007bc0 !important;
    }

    Please advise, thanks!

  2. Spiracle Themes October 9, 2018 at 10:45 am

    Hello Leslie,

    Try this CSS

    /* for InteServ page */
    .page-id-1696 #page-title {
    background: #39b54a !important;
    }

    /* make the tagline text bold, italic and blue */
    .promo-section p {
    font-size: 14px;
    font-weight: 700;
    font-style: italic;
    color: #00a2ff;
    }

    Copy and paste this in Appearance -> Customize -> Additional CSS

    Best Regards

  3. Leslie Paton October 9, 2018 at 1:02 pm

    I’m sorry, I said tagline but I think what I should have said is site description – upper left corner under the logo and site title? That code did a beautiful job on the tagline that overlays the background photo … thanks for your patience.

  4. Spiracle Themes October 9, 2018 at 2:06 pm

    For the site description, use this CSS

    p.site-description {
    font-weight: 700;
    font-style: italic;
    color: #00a2ff;
    }

    Best Regards

  5. Leslie Paton August 14, 2019 at 7:01 pm

    I am sorry, I am having the same trouble again, this time with page headers appearing red.

    I have set Appearance > Customize > Page Settings > Page Title = Background Color, Background Color = #00ad36 (green).

    I have added this custom CSS:

    /* blog page header green */
    .page-id-31 #page-title {
    background: #00AD36 !important;
    }

    It looks green in the appearance preview but red when you exit and reload. What am I doing wrong?

  6. Spiracle Themes August 15, 2019 at 12:40 pm

    Hi Leslie,

    First of all, please remove the CSS you have and write the new CSS below

    #page-title{
    background: #00AD36 !important;
    }

    Copy and paste this in Appearance -> Customize -> Additional CSS
    Let us know if you need furthur assistance.

    Best Regards

Post a Reply

Reply To: Page Title Background Color
Your information: