Add underline to hyperlinks in para only

[noznewman]

Hi,

Please can you provide the css code to add underline to hyperlinks with text only, so no menu or buttons etc just the body text.

see http://blackheathbreastsurgeon.co.uk/

Thanks
Paul

[jade]

Hi Paul,

Please try to use this custom CSS:

.x-menu .menu-item .x-anchor-content:after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
}

Hope this helps.

[noznewman]

Many thanks, however, that has removed the underline from links in the body / paragraph text too?

See http://blackheathbreastsurgeon.co.uk/

Please can you also advise how I remove the padding / gap highlighted in red on the screenshot attached? I’ve added a promo box to a section with marginless columns and no container and no padding/margin but there still seems to be a gap at the bottom.

Many thanks
Paul

[friech]

Hi Paul,

To add an underline on the inlined links, please add a class to your links.

e.g.

<a class="underlined" href="http://blackheathbreastsurgeon.co.uk/breast-cancer/family-history/">family history</a>

And then add this to Theme Options > CSS

a.underlined {
	text-decoration: underline !important;
}

With that, all the links with a class of underlined will have an underline.

To remove the bottom margin on the Promo element, please add a class mbn to it.

Hope it helps,
Cheers!

[noznewman]

Many thanks - sorry for the late repply

[jade]

You’re welcome.