LP
Leslie Paton
Original poster
Member
#1
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!
ST
Spiracle Themes
Original poster
#2
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
LP
Leslie Paton
Original poster
#3
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.
ST
Spiracle Themes
Original poster
#4
For the site description, use this CSS
p.site-description {
font-weight: 700;
font-style: italic;
color: #00a2ff;
}
Best Regards
LP
Leslie Paton
Original poster
#5
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?
ST
Spiracle Themes
Original poster
#6
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
