Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 30, 2017 at 10:17 am #801420
    Chris_85

    hi,

    i use a portfolio raster and i want to show the title only on mouse hover. But i cant solve the problem, that the title also gets transparent (like the image) on mouse hover. Is there a way to make only the image transparent on mouse hover and not the title??

    imageimage

    • This topic was modified 7 years, 5 months ago by Chris_85.
    May 30, 2017 at 12:24 pm #801466
    Nikko

    Hey Chris_85,

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

    #top.home span.image-overlay.overlay-type-extern {
    display: none !important;
}

#top.home #av_section_3 .isotope-item > .inner-entry:hover img {
    opacity: 0.5;
}

    Hope this helps ;)

    Best regards,
    Nikko

    May 30, 2017 at 2:10 pm #801519
    Chris_85

    thanks! great work! But there is one thing: On mouse hover i have now a grey stripe on the image. You have an idea how can i fix this?

    image

    May 30, 2017 at 9:43 pm #801674
    Nikko

    Hi,

    Hmmm.. try adding this css code:

    #top .isotope-item .grid-content {
    padding: 28px 20px;
}

    Hope this helps :)

    Best regards,
    Nikko

    May 31, 2017 at 7:58 am #801864
    Chris_85

    hi Nikko,

    yeah also found this solution. but now i have a white gap between the two rows. I dont want to have this gap. Is there another solution to eliminate the grey line?

    May 31, 2017 at 8:22 am #801873
    Nikko

    Hi,

    I have tried different css tweaks but I didn’t have any success except the one I gave, can you try to adjust 28px to lesser value? the normal value is 20px.

    Best regards,
    Nikko

    May 31, 2017 at 10:46 am #801930
    Chris_85

    when i adjust 28px to lesser value than the grey line is comming back…mh….difficult. If you have a solution please let me know..

    best regards

    May 31, 2017 at 2:55 pm #802040
    Nikko

    Hi,

    Sure, can you give us temporary admin login details? I can try to test the code I gave you and probably do something to remove the gap you have mentioned it has produced. You can put the login details in Private Content so only moderators can see it.

    Best regards,
    Nikko

    May 31, 2017 at 3:50 pm #802068
    Chris_85

    ok, look to private section! Thanks!

    May 31, 2017 at 10:19 pm #802225
    Nikko

    Hi,

    I have added this css code in your Quick CSS:

    #top .isotope-item {
    margin-bottom: 5px !important;
}

#top .isotope-item .grid-content {
    padding: 26px 20px !important;
}

    Let us know if it’s good :)

    Best regards,
    Nikko

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