Hi
I’d like to apply a semi-transparent background (highlight) colour block around my h1 title, where it appears within a top-of-page Colour Section. The purpose is to improve text legibility, as the text is getting lost when overlaid on the background photo.
Basically I want to achieve the same effect as the semi-transparent highlight blocks that can be applied to the captions in the Easy Slider.
Hope the description of my issue is clear!
Is there some CSS I can apply to achieve this effect?
Thanks
Hi westernaspect;
in order to have a background color behind(!) your h1 title in a color section it would be safer to give a custom id to your “color section” and add the code below : to have a white 50% transparent background :
#my-color-section h1{background-color: hsla(0, 100%, 100%, 0.5);}
Thanks for that. Apologies for being a bit dim, but how/where do I assign that custom ID to the colour section?
Hi!
Please see – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png
@begrafiks thanks :)
Best regards,
Yigit
Right. Got it. Thank you both.
Hi!
You are welcome, glad we could help :)
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)
Regards,
Yigit