Hi @jackii8,
Which bottom color are you talking about.
If you want to change service button color. use below css rule
.servicelayout a.readmore:hover {
background-color: #a94442;
}
If you want remove breadcrumbs. Use below CSS
.post-wrapper-top{
display:none;
}
If your problem is not resolved with above css, please provide your site URL.
Thank You
Thanks for the response. My website is http://www.jackiedrasdesign.com/ssd. I’d like to make some color modifications. I’d like the hover color on the buttons to be red instead of blue. Also I’d like the background color of the dropdown menus to be red instead of gray. Same with the blue line across the body wrapper (above the wrapper). Thanks!
Hi @jackii8,
I think you are talking about menu hover color. To change menu button hover color use below css rule
#awada-header .navbar-nav > li > a:hover {
background-color: #dd3333;
}
To change the background color of the dropdown menus use below css rule.
#awada-header .dropdown-menu li a:focus, #awada-header .dropdown-menu li a:active, #awada-header .dropdown-menu li a:hover {
background-color: #dd3333;
}
If the CSS not work for you, Try above css rule with !important property also.
Thank You
Thank you for your response. The css code worked but not in the way I intended. I would like the initial hover (if you hover over the main link ie Home, About Us, Products, etc.) to be red instead of blue. Then I want the dropdown menu to be red with the links in white. Sorry to keep asking for assistance and thank you in advance!
Hi @jackii8,
First download and activate “simple custom css” Plugin form WordPress.org. Below the link
https://wordpress.org/plugins/simple-custom-css/
and put the below css rule in the plugin css editor
#awada-header .dropdown-menu li a:focus,
#awada-header .dropdown-menu li a:active,
#awada-header .dropdown-menu li a:hover {
background-color:#d33;
color:#fff;
}
#awada-header .navbar-nav > li > a:hover,
#awada-header .navbar-nav > li > a:focus,
#awada-header .navbar-nav > li > a:active,
#awada-header .navbar-default .navbar-nav > .open > a,
#awada-header .navbar-default .navbar-nav > .open > a:hover,
#awada-header .navbar-default .navbar-nav > .open > a:focus,
#sitetopbar .topbar-social-links span a:hover {
background-color:#d33;
}
Thank You
