Solved

Making Links On Collections Bold and Underlined

thosewhobloom
Explorer
54 1 10

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! 

Accepted Solutions (2)
kazi
Shopify Partner
577 87 109

This is an accepted solution.

You can replace the previous css with this

 

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

▶️ If you need more help with your Shopify store
Speed Optimization | Theme Customization ? ☎️ WhatsApp ✉️Email Skype: kof.bd

View solution in original post

kazi
Shopify Partner
577 87 109

This is an accepted solution.

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

▶️ If you need more help with your Shopify store
Speed Optimization | Theme Customization ? ☎️ WhatsApp ✉️Email Skype: kof.bd

View solution in original post

Replies 10 (10)

kazi
Shopify Partner
577 87 109

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;
}

▶️ If you need more help with your Shopify store
Speed Optimization | Theme Customization ? ☎️ WhatsApp ✉️Email Skype: kof.bd

thosewhobloom
Explorer
54 1 10

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
Shopify Partner
577 87 109

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

 

bold.png

▶️ If you need more help with your Shopify store
Speed Optimization | Theme Customization ? ☎️ WhatsApp ✉️Email Skype: kof.bd

thosewhobloom
Explorer
54 1 10

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
Shopify Partner
577 87 109

This is an accepted solution.

You can replace the previous css with this

 

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

▶️ If you need more help with your Shopify store
Speed Optimization | Theme Customization ? ☎️ WhatsApp ✉️Email Skype: kof.bd

thosewhobloom
Explorer
54 1 10

@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: 

Screen Shot 2022-03-15 at 1.54.48 PM.png

kazi
Shopify Partner
577 87 109

This is an accepted solution.

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

▶️ If you need more help with your Shopify store
Speed Optimization | Theme Customization ? ☎️ WhatsApp ✉️Email Skype: kof.bd

thosewhobloom
Explorer
54 1 10

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

kazi
Shopify Partner
577 87 109

you welcome!

▶️ If you need more help with your Shopify store
Speed Optimization | Theme Customization ? ☎️ WhatsApp ✉️Email Skype: kof.bd

sie602020
Shopify Partner
11 0 2

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.