Refresh Theme Help! Remove Border, Centre Text for Featured Collection & Product Page

[udontofu]

Hi there, can i please get some help with custom css to remove the border for featured collection? Also, hoping that I can change the button to solid colour and centre the text.
Is this possible?

Currently it looks like this:

Here’s a mockup what I’m trying to achieve:

No border, Centred text, Solid coloured button

Really appreciate your help!! Thanks

[David_SHT]

Hi @udontofu ,

This is David at SalesHunterThemes.

I read your problem and it seems that I need to analyze your website to provide the solution here.

Would you please share your website URL

if your website is password protected then also provide the password.

David | SalesHunterThemes team.

[udontofu]

Hi @David_SHT thank you for your message.

here’s the URL and pass

https://4a1389.myshopify.com/

biahay

[David_SHT]

Hi @udontofu ,

This is David at SalesHunterThemes.

Thank you for your question.

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code.

Go Assets folder → base.css file.

Add this following code at the bottom of page.

.collection .card--standard .card__inner {
 border: none !important;
}
.collection .card__content .card__information {
 justify-content: center;
}
.collection .quick-add__submit {
  background: #a0b179;
  color: #fff;
}
.collection button:after {
 box-shadow: none;
}

Here is the result:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

[INA_MSWEB]

Hi @udontofu

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the styles.css file:
.card–card, .card–standard .card__inner {border: none !important;}

.card__content, .card-information {text-align: center !important;}

.quick-add__submit {background: #0e1b4d; color: #fff;}

Regards,

San

[udontofu]

Thank you so much this worked!

Can you please also help with the below removing the border for:

• Product page
• Product ‘others also considered’ section
• Blog posts

Thank you so much!

[oscprofessional]

Hello @udontofu

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.collection .card.card--card.card--media.color-scheme-5a9fdfd7-c77c-4c65-8231-ade3a92601ae.gradient {
    border: none !important;
}
.collection .card__content {
    text-align: center;
}
.collection .card-information {
    width: 100%;
    text-align: center;
}
.collection .quick-add.no-js-hidden button {
    background: #cacda5 !important;
}