Making Links On Collections Bold and Underlined

[thosewhobloom]

Hello,

On our site you can't tell what is a link and what is not unless you hover over it. 

For example, there are links in the description here: 

https://thosewhobloom.com/collections/botanical

I did take all the underlines off via code a while back because it was affecting our navigation. So there is some code that is universally affecting our entire website. To be clear, I don't want to the navigation to be underlined, but I want the links in the collections and product descriptions to be both bold and underlined. 

Please tell me where to insert the code too. Thanks for your time! 

[kazi · Accepted solution]

You can replace the previous css with this

.collection__header-info__text a {
font-weight: 900;
text-decoration: underline;
}

[kazi]

Hello @thosewhobloom  add this css in assets > theme-critical.scss.css

.collection-products .product__details h3, .collection-products .product__details h4 {
font-weight: 900 !important;
text-decoration: underline;
}

[thosewhobloom]

Thanks Kazi, 

This didn't work. It changed the collection links below the collection images, which I don't want. I want too just change the links in the descriptions found under products and in the text at the top of the collection pages

[kazi]

Hi i see you have added the code and products links on collection seems bld and underlined is that you mean?

[thosewhobloom]

Thanks for the follow up @kazi  I am trying to change the links found in the caption at the top, as in here:

From the nostalgia of vintage botanical illustrations (see Rosalie Haizlett or Jessica Roux) to the futuristic themes of nature and technology co-existing, (See Haylee Morice or Stephen Willey) plant art prints are timeless additions that can seamlessly integrate with virtually any home decor aesthetic. When you find something you like, consider pairing it with some animal artwork and enjoy fast, free shipping on domestic orders over $40. In no time, you’ll be well on your way to a natural indoor oasis.

I am not trying to change the links that you have identified

[kazi · Accepted solution]

You can replace the previous css with this

.collection__header-info__text a {
font-weight: 900;
text-decoration: underline;
}

[thosewhobloom]

@kazi Thanks that is awesome! It did the trick. 

Now for the products: I'd like to do this with the descriptions in our products as well as seen here: 

[kazi · Accepted solution]

.product-single__content-text a {
text-decoration: underline;
font-weight: 900;
}

[thosewhobloom]

@kazi You're the best, thanks so much!

[kazi]

you welcome!

[sie602020]

Kazi

I was about to post a similar request and was hoping you could help us 🙂

Same issue, basically on the collection page I want any link bold and underlined, i dont wants product titles effected its just the collection page description like the above post.  I seen the solution but cant see which file I need to edit.