How to remove underline and color from vendor name

[mraf]

I’m using Craft theme. I’ve added this to main-product.liquid to make the vendor name clickable:

{{ product.vendor }}

This works, however, the vendor name appears in blue color with an underline. How can I remove the color and the underline? I’ve tried many solutions but they don’t work for Craft theme it seems.

[suyash1]

@mraf - it will need css, can you please share the page link where you have this vendor link?

also do you see this part in above code ---- class=“border-bottom-link uppercase”

can you edit it to make ---- class=“border-bottom-link uppercase custom_vendor”

so we can set unique css for it which will not affect any other content on the page

[mraf]

I replaced the line you mentioned. Here is the link: https://www.shopseventhheaven.ca/products/black-copal-incense-stick

[suyash1]

@mraf - add this css to the very end of your base.css file and check

.custom_vendor{text-decoration: none; color: #252525;}

[mraf]

It worked! Thank you!

[suyash1]

@mraf - welcome, do let m know if you need any other updates, you can message here or you have my email below

[mraf]

Hey Suyash, wondering if you can help with this question as well. I’m trying to get the social media icons to display centrally below the email form in the footer. https://www.shopseventhheaven.ca/

[suyash1]

@mraf - add this css and check

@media screen and (min-width: 750px){
.footer-block--newsletter{flex-direction: column;  align-items: center;}
.footer-block__newsletter {margin: 0 auto;}
}

[mraf]

It’s still right-aligned..

[suyash1]

@mraf - use !important for aligning center, so code becomes

@media screen and (min-width: 750px){
.footer-block--newsletter{flex-direction: column;  align-items: center !important;}
.footer-block__newsletter {margin: 0 auto;}
}

[mraf]

Worked! Thank you..

[suyash1]

welcome

[mraf]

Hi Suyash, I’d like to make the image on the collection banner adjust automatically to the height of the image. I’m using Craft theme. These are a few sample pages:

https://www.shopseventhheaven.ca/collections/home-fragrance

https://www.shopseventhheaven.ca/collections/bath-body

https://www.shopseventhheaven.ca/collections/apparel-accessories

Not sure what part of the code to change..

[suyash1]

@mraf - try this css and check

.collection-hero__image-container img{position: initial;}

[mraf]

Thank you!!

[terralam]

hi~~ I got the same problem. Can I know that where should I add the css which you mentioned on my theme?? Should I input on the section product.json or other section? I attached the photo. Thanks