Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 23, 2020 at 12:07 am #1247715
    tsays

    I’d like to do a semi-transparent overlay on featured images in the blog, does anyone have suggestions on how to do that?

    September 23, 2020 at 6:45 am #1247760
    Jordan Shannon

    Hey tsays,

    Please provide a link to the site/page in question so we can look into this issue further.

    Best regards,
    Jordan Shannon

    September 23, 2020 at 8:32 pm #1247999
    tsays

    Hi Jordan –
    Here’s an example blog post: https://avaansmedia.com/twitter-the-best-kept-secret-in-journalist-relations-for-free-press/

    I’m trying to figure out how I can add a colored overlay to all featured images in blog posts automatically. There must be a CSS for something like this?

    September 27, 2020 at 3:41 pm #1248797
    Victoria

    Hi tsays,

    https://share.getcloudapp.com/o0umy4E8 There already exists an overlay. Do you need to change it somehow?

    Best regards,
    Victoria

    September 28, 2020 at 4:11 pm #1249060
    tsays

    Hi Victoria –

    Yes, I would like the blog template image overlay to be there always (not just on hover) and I would like to change the color.

    September 28, 2020 at 7:31 pm #1249138
    Victoria

    Hi tsays,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.single-post .post-entry.image-overlay.overlay-type-image {
    opacity: 0.5;
    background-color: red;
}

    You can play with this css to adjust it as you need.

    If you need further assistance please let us know.

    Best regards,
    Victoria

    October 5, 2020 at 3:49 pm #1250608
    tsays

    Hi Victoria – thank you. The code did not work in General Styling>Quick CSS. I’m not quite sure where you’re suggesting I add it as a secondary option? Are you suggesting I edit the CSS directly?

    October 6, 2020 at 6:55 am #1250710
    Jordan Shannon

    Hi,

    Did you add the code to the very top of quick css so it runs first? Also, clear the cache a few times over.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.