Page Title Background Color
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)
-
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!
-
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
-
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.
-
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
-
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?
-
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
