[Resolved] Background colored / text highlight on hover

[Patricia]

Hi!

I’ve looking for the option in the personalization area in generatepress that allows do something similar as the hover in the links on that site https://josefacchin.com/eliminar-canal-youtube-borrar-video/

Is there an option to do that?

Also, How is it possible to add underligned titles for the h titles (h1, h2, etc)? as seen here https://www.malagaware.com/generatepress-review-opinion/

thanks!

Patricia

[David]

Hi there,

both would require CSS.
First:

.single-post .site-main .inside-article a:hover {
    background-color: red;
}

Second will get you started with the H2:

h2 {
    border-bottom: 1px solid #ddd;
}

h2:after {
    content: "";
    margin-top: 10px; /* adjust to suit line-height */
    display: block;
    position: relative;
    left: 0;
    bottom: -2px;
    width: 20%;
    height: 3px;
    background: #FF5553;    
}

[Patricia]

that’s awesome!! Thanks

I saw browsing other topics it is possible to make a donation? can you tell me where’s the link?

[Patricia]

btw, shall i put those codes in elementor or in custom CSS?

[David]

Thats awesome 🙂
https://generatepress.com/ongoing-development/

Personally i keep all my CSS in the Theme Customiser or in the child theme style sheet.
Let me know if it don’t work correctly in Elementor 🙂

[Tom]

Thank you so much for the donation, Patricia! 🙂

[Patricia]

you’re welcome! Thanks to you for solving code stuff that is not generatepress-suport-related to the non-programmers like me 🙂

[Tom]

We’re happy to do it! 🙂

[Author]

Posts