How to alter button color on Prestige theme collection list page?

[Salmadif]

Hello,

I would like to change the color button on my collection list page, but i do not want to have anything written on the collection image.

Also, on the blog articles page, I would like to have only one article at the time and no recomendation of other articles.

I work on PRESTIGE THEME and the store is not online yet.

Thanks for your help.

S.

[KetanKumar]

Hello, @Salmadif

Welcome to the Shopify community!
Please share your site preview URL,
So I will check and provide a solution here.

[Salmadif]

Thanks @KetanKumar for your answer. unfortunately I can’t share the url as it is not published yet and i am working for a client.

Regarding the button: I would like to change the color of the background of the collection list buttons.

To not have the subheading on my collection image, i put the text color in transparent, but then the button color background also changed to transparent…

I can’t change the background color button on this specific collection list page…

please help

[KetanKumar]

@Salmadif

can you please share the store preview URL.

[jelmerovermars]

For me the same.

I want to change te colors of the buttons on the slideshow

https://b2b-mediterranean-trees.myshopify.com/

plutab

[KetanKumar]

Hello, @jelmerovermars

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

#section-slideshow .Button {color: #fff; border-color: #ffffff !important;}
#section-slideshow .Button::before {background-color: #d8cb8f !important;}

[jelmerovermars]

That worked! Thanks a lot!

Is there also a same kind of code to change the color of the button of the collection list on the homepage?

Best regards,

Jelmer

[KetanKumar]

@jelmerovermars

Thanks for update and support.

[jelmerovermars]

Is it also possible to seperate the colors of the buttons on the collection list with the text?

[KetanKumar]

@jelmerovermars

Yes, it’s possible give me collection url and let me know where did you change this?

[jelmerovermars]

https://b2b-mediterranean-trees.myshopify.com/collections/

And the collection list at the bottom of the homepage.

Thanks in forward!

[KetanKumar]

@jelmerovermars

Thanks for store url

but sorry your store is password protect.

[jelmerovermars]

@KetanKumar

The pasword is plutab

[jelmerovermars]

@KetanKumar Can you help me with this?

[KetanKumar]

@jelmerovermars

Yes, please add this code

#section-list-collections-template .CollectionItem__Link {
    color: #fff;
    border-color: #ffffff;
}
#section-list-collections-template .CollectionItem__Link::before {
background-color: #d8cb8f !important;
}

[jelmerovermars]

Thanks again! Really appreciate your help.

What code can I use for the buttons at the collection list on the homepage?

I would like to have the buttons the same as the collection list:

https://b2b-mediterranean-trees.myshopify.com/

PW: plutab

Thanks in forward

[KetanKumar]

@jelmerovermars

Thanks for more details

yes, please add the below code

#section-1604663273c3fe6db5 .CollectionItem__Link {
    color: #fff !important;
}
#section-1604663273c3fe6db5 .CollectionItem__Link::before {
    background-color: #d8cb8f !important;
}

[Chujun]

Hi, I also use the Prestige theme. I want to change the color of the Collection List button. I tried to change the code to

#section-collectionlist .Button {color: #fff; border-color: #ffffff !important;}
#section-collectionlist .Button::before {background-color: #d8cb8f !important;}

but it seems nothing has changed. My store url is https://verafied.myshopify.com/

Can you help me with this?

Thank you!

[Viacheslav93]

Can you tell me how to change the color of the button “Buy with applepay”?

[KetanKumar]

@Viacheslav93

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.