Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • June 19, 2019 at 10:15 pm #1111723
    ddagraphics

    Hello, when I hover over a portfolio grid preview image the image gets a semi-transparent white overlay and an animation of a circular symbol. How do I replace the circular symbol or logo with 1-3 lines of text over a semi-transparent color background instead of white. Can you please give me the code for this that will allow me to choose the color and opacity of the hover background and the attributes of the text?
    thank you!

    June 20, 2019 at 12:27 pm #1111919
    Nikko

    Hey ddagraphics,

    Try adding this css code in Quick CSS, located in Enfold > General Styling:

    .image-overlay .image-overlay-inside {
    background-image: url(REPLACE_WITH_IMAGE_URL) !important;
    background-repeat: no-repeat;
    background-position: center center;
}

.image-overlay .image-overlay-inside:before {
    display: none;
}

    just replace REPLACE_WITH_IMAGE_URL with the url of your logo.

    Best regards,
    Nikko

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