Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
But the CSS that is used is prepended with a class that is only found on the Home page:
.home .site-header,
.home .main-navigation ul ul a {
[...]
}
Try removing that class (‘.home’)
I’m gonnabe completely honest with you buddy I have no idea what I’m doing. Where do I go to change that?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Do you know how you added it in to begin with? Maybe you didn’t, maybe it was an option in the theme, I’m asking because I don’t know how you made the header semi-transparent to begin with.
It was an option on the dashboard in “Customize” – “Header Options” – “Header Colors.” I have been tearing apart my control panel for the last hour trying to figure this out but no luck.
Is it possible that it cannot be done?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
It is entirely possible and we can instruct you how to do so, but before we do can you triple-check that there’s not an option (in the dashboard) to add this opacity on other pages?
just hold on i will go through the editor 1 more time. thoroughly.
Ok theres nothing on the dashboard that can help me. now what.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Install a Custom CSS plugin: https://wordpress.org/plugins/simple-custom-css/
Then in its section of the dashboard, https://wordpress.org/plugins/simple-custom-css/screenshots/ , add the following code:
.site-header {
background: rgba(26, 26, 26, 0.15);
left: 0;
position: absolute;
top: 0;
}
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
You should contact your theme author to ask about the theme options really, http://support.tyler.com/ . The author has chosen not to distribute the theme on WordPress.org so it’s not our place to support it.
I appreciate all of your help. Thanks.
It worked!!!! Your the best!
hi there, im using the same template. can you please let me know how i can have bigger logo in the header as its so small when i put it on. and also make it responsive page for mobiles as well.
please help me!!!
Andrew, simple custom CSS plugin worked, it colors the other pages header, not the home page header. If you change the color and opacity of the home page change the code. Use a “hex color rgb converter” to get the rgb numbers for the code.
I use #828282 and code becomes
.site-header {
background: rgba(130, 130, 130, 0.20);
left: 0;
position: absolute;
top: 0;
}
the 0.20 opacity you have to visually adjust.
Tnx Andrew!
Andrew,
After 3 days of searching the web, to make all headers translucent I came across this page! I used your CSS code with the Simple Custom CSS on the Tesseract Theme for my website and it worked great!! All I did was change the rgba(26, 26, 26, 0.15); to 0 and worked like a charm!!
I want to thank you for your time and contribution to help people like me.
You rock!!
Curtis
Site; rtwjetskiservice.com
@curtisbarclay Can you explain exactly what you did to make your header transparent? I don’t quite understand what you meant when you said, “All I did was change the rgba(26, 26, 26, 0.15); to 0” When I tried replacing 26,26,26,0.15 with 0 then my header disappeared completely. Not sure what I missed.
Thanks!
