How to change background overlay color?

  • Posted in : Empathy
  • ChrisThemesUK
    Participant

    Good evening,

    I’m wondering how I can change the background overlay color, I want it red but with the same transparency it displays currently. I understand I could use some custom CSS for this? But I’m not sure what. Thanks in advanced.

    See my homepage, here: http://www.cjalderton.com

    Regards,
    Chris

    serkan
    Moderator

    Hi Chris,
    You can use this custom css code;

    .has-bg-img .content:before { background: rgba(95, 73, 73, 0.75); }

    Thanks

    kryp
    Participant

    Hello. Is there any way to change only the opacity of the background overlay?

    Thanks

    serkan
    Moderator

    Hi,
    The last number in the custom css code refers to opacity.
    You can change it to have control over opacity;

    .has-bg-img .content:before { background: rgba(73, 92, 95, 0.13); }

    Thanks

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register