Avada Forums Community Forum Overlay with centered text on portfolio

Tagged: 

Viewing 1 post (of 1 total)
  • Author
    Posts
  • quisma
    Participant
    Post count: 4

    Hi,

    the regular portfolio settings are something like:

    -thumbnail only
    -with title
    -with text (excerpt / full)

    I am looking for a solution where the for the setting “thumbnail only” the title will be centered upon the thumbnail with a half transparent layer for better contrast between image and text. So actually, something like the image rollover function, but static upon the image, without an animation. I’ve tried different CSS, e.g.:

    .fusion-image-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.7);
    }

    and also

    .fusion-image-wrapper {
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }

    Nothing worked. I appreciate any kind of hints and help 🙂

    Thanks!

Viewing 1 post (of 1 total)
  • You must be logged in to reply to this topic.