Gradient / Overlay Bar On Home Page Header- Goran

jennysavagetx · Member · Sep 7, 2017 at 1:54 am
Copy link

Add topic to favorites
I’d like to get rid of the semi-transparent grey bar in the header area of my home page (actually, preferably would like it gone on all pages). What would be the CSS code to accomplish this?
Thanks!
thesacredpath · Member · Sep 7, 2017 at 4:17 am
Copy link
Hi there, the translucent white you see on the main body of your site extends up to the very top, so if we get rid of the grey overlay, it is the same white and your title/logo disappears. You can add the following to your custom CSS to see what I mean.
```
.hero-image .site-header {
  background: none;
}
```
You will have to redo your logo image with different text color, and then do something like this to change the color of the menu items to another color.
```
.main-navigation a, .main-navigation a:hover, .main-navigation a:focus, .main-navigation a:active {
  color: #000;
  text-shadow: none;
}
```
jennysavagetx · Member · Sep 9, 2017 at 6:48 am
Copy link
!hanks so much! I am still messing around with which theme I will settle on, but those worked perfectly!
thesacredpath · Member · Sep 9, 2017 at 7:17 am
Copy link
You are welcome and happy theme hunting. :)

No items found.