[strawberrybaseParticipant]

Hi I have the following site which will have numerous pages set up to the template in the link below…

http://darcawards.com/architectural/entry-test/

I would like to have links in the large block of text below the carousel appear automatically as underlined. I’ve added the following code to the custom css…

a:link {
text-decoration: underline;
}

but this causes all buttons to become underline and the navigation arrows in the carousel to underline also.

Is there any custom css i can use so only links within the large blocks of type are underlined?

Thanks

[ThaiModerator]

Hi There,

Please try with this CSS:

.x-content-band a:not(.x-btn):not(.vc_carousel-control) {
    text-decoration: underline;
}

Hope it helps 🙂

[strawberrybaseParticipant]

Thanks, that’s worked

[NicoModerator]

Hi There,

Happy to hear that.

Feel free to ask us again.

Have a great day! 🙂

[strawberrybaseParticipant]

Hi,

having used that code i’ve noticed it’s also placed underlines on the following pages of my site…

http://darcawards.com/architectural/2015-winners/
http://darcawards.com/architectural/spaces-best-landscape-low/

Though it doesn’t look too bad i’d rather the links on these pages were not underlined. Is there any further amends that can be made to the css code to fix this?

Thanks

[ChristopherModerator]

Hi there,

Please update previous code to :

.single-post .x-content-band a:not(.x-btn):not(.vc_carousel-control) {
    text-decoration: underline;
}

Hope it helps.

[Author]

Posts