Site logo

Archived topic

Exclusion of Superscript In CSS Code For Customizing Hyperlinks

3 replies · Started by Martin on December 27, 2021

Viewing posts 1–4 of 4

Dear team:

I have used the code from https://generatepress.com/forums/topic/customizing-hyperlinks/#post-738881

body:not(.blog):not(.archive) .inside-article a {
font-weight: 900;
text-decoration: underline;
}`

It works very well, but I would like to also:

1) Exclude superscript for the underline at least. I do not care if it is bolded or not.
2) Exclude my homepage and pages from this snippet of code. This feature is only for posts.

Could you please enhance that previous code with these two requests so I can copy and paste it?

Thank you and kind regards, Martin

Hi Martin,

For #1:

I don't think this is possible if the superscript character is added as part of the whole string. If it's added through a pseudo element then we can exclude that but if it's 1 whole string of text then that won't be doable because text-decoration property applies to each character on the whole string. :D

For #2:
You can change the CSS to this so it only applies to single post pages. :D

body.single-post .inside-article a {
font-weight: 900;
text-decoration: underline;
}

Dear Elvin

Thank you very much. I applied the code and solved the issue.

Kind regards, Martin

Nice one. No problem. :D

This archived topic is closed to new replies.