[Support request] How to underline the text (link) on mouseover as in example.

[David]

Sorry to heat that – i hope you are feeling better.

It looks to be working for me.
But you have all elements in your Block Element set to H2 – see here:

https://www.screencast.com/t/PX1iB4GTJ

Edit your Block Element – Content template, and change the Meta element tag to a P:

https://docs.generateblocks.com/article/headline-overview/#element

Then that CSS will only highlight the Title H2

[francesco]

thanks, i’m really sorry but i can’t figure out how to edit the meta tag. I tried to change the remaining texts to h6. the problem is that when you select an article it is as if you select them all.

[David]

In Appearance > Elements you created a Block Element – Content Template. Edit that and make those changes.

[francesco]

in the widget it works only on the first article.

https://fehu.it/earl-grey-2/

I can’t understand this step. change the tag of the Meta element to a P. what should I do?

[David]

Most of those posts don’t have a link – when you add your OWN posts to the site the links will display correctly.

The meta elements – in this topic you created a Content Template:

https://generatepress.com/forums/topic/make-the-table-of-contents-appear-above-the-article-image-on-mouseover/#post-2089955

You just need to EDIT that, select the Meta and change the tag

[francesco]

Sorry David, but i’m quite ignorant on the subject. do i have to change any of these things? I have already converted the two elements dtata and author to H6. only the title remained in H2

[David]

Thats it – you don’t need to change anymore. If you check your site its working as you asked.

[francesco]

Unfortunately not. maybe I explained myself wrong before. practically when I hover the mouse over an article it makes the lines appear on all of them. see photo

[Elvin]

Can you temporarily disable SG optimizer while we try to diagnose and fix the issue?

To be sure the changes the fixes we provided reflects immediately. 🙂

As for the underline:

You can this custom CSS that’s applying the underline:

.paging-navigation p a:hover,
.rpwwt-sticky a:hover,
.generate-columns-container:hover h2 {
 text-decoration: underline;
}

The selector for .generate-columns-container:hover h2 should be corrected to .generate-columns-container h2:hover.

As for the sidebar underline, the selector .rpwwt-sticky a:hover has to be corrected to div#rpwwt-recent-posts-widget-with-thumbnails-2 ul li a:hover

[francesco]

hi elvin, done. I disabled the optimizer

I inserted the CSS you suggested but now nothing seems to have changed on the home page. indeed all the lines have disappeared. the widget links in the sidebar on the other hand now works correctly.

[Elvin]

I see:

Try changing .generate-columns-container h2:hover to .generate-columns-container article.post:hover h2.

[francesco]

Now work. thnx all…
By now I was going crazy looking for the solution. i couldn’t understand what david was saying to me.

[francesco]

elvis do you have a CSS for the related post in the articles?

[Elvin]

By now I was going crazy looking for the solution. i couldn’t understand what david was saying to me.

That’s on me. I interjected before he was able to fully make his point. My bad. lol.

elvis do you have a CSS for the related post in the articles?

Add this selector to your list of selectors for text-decoration: underline.
h2.wp-show-posts-entry-title a:hover

[francesco]

done, it works. summing up this is CSS.
sorry if I always post the photos but at least I hope to be of help to others.

[Author]

Posts