Sonal S Sinha Moderator
Topics: 0 Replies: 31272 Total: 31272
Member since: August 16, 2013
Hi,
Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:
.page .header {
background-color: rgba(25, 35, 46, 0.9);
}
Regards,
Dave
Good day
Is it possible to change the header background color on my pages to be different to the slider header background color on my homepage?
I would like the background color to be
rgb(25, 35, 46); on all other pages (home page to stay as is)
https://titans-aquatics.co.za/
Sonal S Sinha Moderator
Topics: 0 Replies: 31272 Total: 31272
Member since: August 16, 2013
Hi,
Which sidebar text color do you want to change?
Can you send us the screenshot of your issues? Upload your screenshot on https://imgbb.com/ and paste the share url here.
Kindly use this one for mobile menu.
.header #simple-menu .fa-bars { color: #ff3f00 !important;}
Regards,
Dave
Nigel Participant
Topics: 184 Replies: 336 Total: 520
Member since: March 17, 2016
sorry Dave, no change to the mobile using
#simple-menu .fa-bars { color: #ffffff !important;}
#sidebar #searchform #s { color:#fffff !important;}
Sonal S Sinha Moderator
Topics: 0 Replies: 31272 Total: 31272
Member since: August 16, 2013
Hi,
Kindly put only this CSS code for change color:
#simple-menu .fa-bars { color: #ff3f00 !important;}
#sidebar #searchform #s { color:#fff !important;}
Regards,
Dave
Sonal S Sinha Keymaster
Topics: 10 Replies: 6995 Total: 7005
Member since: June 12, 2013
Kindly go to Appearance >> Customizer >> Basic >> Custom CSS Box:
#sidebar .widget {background:Enter your color code !important;}
Ex: #sidebar .widget {background: #28a267 !important;}
Sonal S Sinha Moderator
Topics: 0 Replies: 31272 Total: 31272
Member since: August 16, 2013
Hi,
Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:
.header #topmenu { background-color: #fabc2e !important;}
.menu-header {
background: #214478 !important;
position: relative;
}
.menu-header::before {
background: #214478;
position: absolute;
top: 0;
content: "";
height: 100%;
width: 99999999px !important;
left: -99999999px !important;
z-index: 10;
}
#topmenu ul li.buy-tokens::after { display:none;}
Regards,
Dave
Its the Liquid food coloring and the Gel colors
William Scott Participant
Topics: 17 Replies: 30 Total: 47
Member since: May 13, 2021
Also, how can I change the top menu so when I scroll down it stays WHITE, and doesn’t turn blackish color?
Sonal S Sinha Moderator
Topics: 0 Replies: 31272 Total: 31272
Member since: August 16, 2013
Hi,
Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:
.servicesrow { text-align: center;}
.slider-main .nivo-caption .nivo-caption-content { background-color: rgba(0,0,0,0.5); display: table; padding: 30px;}
.slider-main .nivo-caption .slidedesc { margin: 10px auto 0;}
Regards,
Dave
Sonal S Sinha Moderator
Topics: 0 Replies: 31272 Total: 31272
Member since: August 16, 2013
Hi,
Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:
.slider-main .nivo-caption .title, .slider-main .nivo-caption .slidedesc {
background-color: rgba(0,0,0, 0.6) !important;
}
.social-icons .fa-facebook::before {
content: "\f09a";
}
.header_wrap.layer_wrapper {
position: relative;
z-index: 99;
}
Regards,
Chris
Sonal S Sinha Moderator
Topics: 0 Replies: 31272 Total: 31272
Member since: August 16, 2013
Hi,
Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:
.wpcf7-submit, ul.custom-menu li.current-menu-item a { background-color: #445420 !important;}
Regards,
Chris
Philip Participant
Member since: March 29, 2017
Hi!
I can’t change the Colors for the following:
Buttons (Setting in customizer – buttons do not work)
I specially mean: contact form, menu services under site
Please be so kind and delete the URL after the problem was solved. Thank you! 🙂
Sonal S Sinha Moderator
Topics: 0 Replies: 31272 Total: 31272
Member since: August 16, 2013
Hi,
Kindly use this CSS.
#topmenu ul li.top-nav-btn.current-menu-item a { color:#fff !important;}
Regards,
Chris