Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #402722

    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

    #402785

    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);}
    
    #402816

    Thanks for that. Apologies for being a bit dim, but how/where do I assign that custom ID to the colour section?

    #402823
    #402826

    Right. Got it. Thank you both.

    #402830

    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

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Add highlight colour block around h1 text in Colour Section?’ is closed to new replies.