Latest News hovering problem

  • Resolved tunit13

    (@tunit13)


    8 years, 7 months ago

    Hello everyone,

    I’m working on this website: https://www.me-factory.nl/

    If you scroll all the way down to “Nieuwsflits” (which is the Latest News section), you’ll notice that on the first image the title and “Lees Meer” (Read More) button appear only if you hover, whereas on the others these are already there.

    I would like to have the title and button already visible on the first image as well, but can’t figure out how… Does anybody know what I could add to the CSS in order to fix this?

    Thanks so much in advance!

Viewing 3 replies - 1 through 3 (of 3 total)

  • I’m not sure why this is happening, I’m not familiar with this theme at all, but from inspecting your website code I can see that the rb-latest-news-content-open class isn’t being applied to the first post, it is this class that is making those elements visible.

    We can force the first post to show its contents too, using CSS like so:

    .rb-latest-news .rb-latest-news-content { display: block; }

    As with all custom code changes, you should do so via the use of a Child Theme, or a Custom CSS plugin, to ensure your code changes are preserved should you update the theme in the future.

    Hope this helps.

    Thread Starter tunit13

    (@tunit13)

    Worked! Thanks!

    Alexandra

    (@alexandrastan001)

    Hello,

    Glad that you got it solved and thank you @themesumo for helping.

    Best regards,
    Alexandra

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Latest News hovering problem’ is closed to new replies.