Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 18, 2019 at 10:16 am #1149192
    mynick

    Hi guys,

    Visually, imo, it would be nicer to have the hoverstate active on the first item in my masonry.
    Can this be achieved with some simple CSS? Any help is welcome. Below you can find a screenshot of the desired effect.

    Wordpress account details can be found below (private content) if needed.

    Thanks in advance for the help.

    LINK: https://cat.devatsize.be/
    Screenshot of the desired outcome: https://imgur.com/a/rGhV8iI

    October 18, 2019 at 3:47 pm #1149310
    Victoria

    Hey mynick,

    Well, if it is forced by the css, it will stay there, even when hovered on other items. Will this be good enough for you?

    Best regards,
    Victoria

    October 18, 2019 at 6:01 pm #1149368
    mynick

    Yes, sounds perfect.
    But only on desktop, please.

    October 20, 2019 at 1:47 pm #1149620
    Victoria

    Hi mynick,

    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

    
@media only screen and (min-width: 1024px) {
  #top #av-masonry-1 #av-masonry-1-item-3644 .av-inner-masonry-content {
    opacity: 1;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    October 21, 2019 at 8:45 am #1149736
    mynick

    Hi Victoria,

    I like it! The solution worked.
    Thanks for the support!

    October 21, 2019 at 10:21 am #1149777
    Victoria

    Hi mynick,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

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