Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hello,
I am trying to work with the default header / menu bar in the Influence theme.
The transparency is not quite transparent enough and covers too much of the slider picture when I put the logo in.
Is there a way to make it More Transparent?
Thanks,
Michelle
Hi Michelle
This can be achieved with some custom CSS. If you do not already have a method for entering Custom CSS I would recommend this plugin.
https://wordpress.org/plugins/simple-custom-css/
Navigate to the custom CSS Editor and enter the following
.site-header { background-color: rgba(255,255,255, 0.86); }The final number in the brackets is the opacity of the header bar. If you lower this the header bar becomes more transparent.
Let us know how you get on
Magus
Okay, so I installed the plug in and I went to the ‘Custom CSS’ under Appearance and added the code then changed the last number to 0.06 – Just to see if it would show a drastic difference.
But it looks like it didn’t change at all. http://74.220.219.133/~placeht9/
Anything I missed?
Thanks,
Michelle
Hi Michelle
No, you haven’t missed anything. The setting is being overridden because of the order the CSS is parsed. Please change the original CSS to this
.site-header { background-color: rgba(255,255,255, 0.86) !important; }Thanks
Magus
YAY! It works! Awesome! Thanks SOOOOO much!
~Michelle
Hi Michelle
You are welcome. If you need any more help feel free to open a new support thread
Magus