Archived topic

Body Content Link CSS

5 replies · Started by Py on November 19, 2021

Viewing posts 1–6 of 6

November 19, 2021 at 11:29 am #2011444

I want to underline the links that appear in the body of my content.

I used the following CSS Code

a {
    font-weight: bold !important;
		text-decoration: none;
		padding-bottom: 3px;
	  border-bottom: dashed 1px;
}

a:hover
{
    border-bottom: solid 2px;
}

But this underlines the links in the header and footer as well.

When I added #content in front of a and a:hover CSS Code, it ended up breaking the buttons in the body of the post.

Any help really appreciated.

November 19, 2021 at 11:48 am #2011464

Hi there,

Are you using the most recent version of GeneratePress theme?

If so try this option:
https://www.screencast.com/t/PpxdWQhB0

November 20, 2021 at 10:52 am #2012430

Thanks. I want the underline to be dotted underline and a little spaced below the text. Specifically using the css.

November 20, 2021 at 12:11 pm #2012494

Try this:

.entry-content a {
    font-weight: bold !important;
    text-decoration: none;
    padding-bottom: 3px;
    border-bottom: dashed 1px;
}

.entry-content a:hover
{
    border-bottom: solid 2px;
}

November 20, 2021 at 10:34 pm #2012778

Thank you. That works.

November 21, 2021 at 10:09 am #2013495

No problem :)

This archived topic is closed to new replies.

Start building better websites today.