invest mouseover effect at home

  • Resolved dem10

    (@dem10)


    8 years, 8 months ago

    I want to invest the mouseover effect on the home. I want to show the fixed title over the pictures and when you put your mouse over the title disappears

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

  • Hi @dem10,

    The following custom CSS would hide the titles on hover, while keeping them visible in their default state:

    .blog .site-content .entry-header, .archive .site-content .entry-header, .search .site-content .entry-header {
    left: 0;
}

.blog .site-content .hentry:hover .entry-header, .archive .site-content .hentry:hover .entry-header, .search .site-content .hentry:hover .entry-header {
    left: -100%;
}

    As before: Add the CSS to your child theme’s style.css file or to the CSS editor of plugin like Jetpack.

    Hope that’s helpful and have a wonderful weekend, also.

    Thread Starter dem10

    (@dem10)

    Perfect! How can I change font size?

    Thread Starter dem10

    (@dem10)

    SOLVED! I add font-size: 15px; and worked

    Perfect! Hope you have a wonderful weekend.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘invest mouseover effect at home’ is closed to new replies.