Change specific color button on PRESTIGE

Salmadif
Shopify Partner
4 0 2

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.

 

Replies 42 (42)

KetanKumar
Shopify Partner
36839 3635 11972

Hello, @Salmadif 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Salmadif
Shopify Partner
4 0 2

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
Shopify Partner
36839 3635 11972

@Salmadif 

can you please share the store preview URL.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
jelmerovermars
Excursionist
14 0 5

For me the same.

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

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

plutab

KetanKumar
Shopify Partner
36839 3635 11972

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

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
jelmerovermars
Excursionist
14 0 5

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
Shopify Partner
36839 3635 11972

@jelmerovermars 

Thanks for update and support.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
jelmerovermars
Excursionist
14 0 5

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

KetanKumar
Shopify Partner
36839 3635 11972

@jelmerovermars 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
jelmerovermars
Excursionist
14 0 5

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

And the collection list at the bottom of the homepage.

Thanks in forward!

 

KetanKumar
Shopify Partner
36839 3635 11972

@jelmerovermars 

Thanks for store url 

but sorry your store is password protect.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
jelmerovermars
Excursionist
14 0 5

@KetanKumar 

The pasword is plutab

jelmerovermars
Excursionist
14 0 5

@KetanKumar Can you help me with this?

KetanKumar
Shopify Partner
36839 3635 11972

@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;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
jelmerovermars
Excursionist
14 0 5

Thanks again! Really appreciate your help.

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

jelmerovermars_0-1605707011754.png

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

jelmerovermars_1-1605707143384.png

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

PW: plutab

Thanks in forward

 

 

KetanKumar
Shopify Partner
36839 3635 11972

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

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Chujun
Visitor
1 0 0

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!

Stan7
Visitor
2 0 0

Hello,

My name is Stan N. and need a little help 

In my theme is not work I use last version of prestige theme 5.4.3

Can you help me please 

Kind Regards Stan N.

 

Jc61290
Tourist
5 0 3

Hi Ketan i'am using the prestige theme and just want to change the colour of the newsletter button  in the footer to solid white please as the footer background is black.

KetanKumar
Shopify Partner
36839 3635 11972

@Jc61290 

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.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Jc61290
Tourist
5 0 3

Hi www.zadaraiders.com it’s currently password protected password is - reucri 

KetanKumar
Shopify Partner
36839 3635 11972

@Jc61290 

yes, please confirm this look

KetanKumar_0-1660205956771.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Jc61290
Tourist
5 0 3

Yes thats perfect.

 

Jc61290
Tourist
5 0 3

Hi Ketan are you able to send me the code to make the changes please?

KetanKumar
Shopify Partner
36839 3635 11972

@Jc61290 

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

.Footer, .Footer__Title, .Footer__StoreName {
    color: #ffffff;
}
.Footer .Form__Input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ffffff !important;
}
.Footer .Form__Input::-moz-placeholder { /* Firefox 19+ */
   color: #ffffff !important;
}
.Footer .Form__Input:-ms-input-placeholder { /* IE 10+ */
   color: #ffffff !important;
}
.Footer .Form__Input:-moz-placeholder { /* Firefox 18- */
  color: #ffffff !important;
}

.Footer .Form__Input {
    border-color: #ffffff;
}

.Form__Submit::before {
    background: #fff;
}

::before {}

.Form__Submit {
    color: #000000;
    border-color: #ffffff;
}

.Footer {
    background: #000000;
}

.Footer a:hover {
    color: #ffffff !important;
    opacity: 0.7 !important;
}

yes, please add this code

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Jc61290
Tourist
5 0 3

Thank you 😊 

Beytibyarabesqu
Explorer
47 0 19

Hello @KetanKumar I have Debut theme, and I would like to add a colored button on the collection images on which each title will be written for example "Beach Poncho" on a beige button (on the home page). Is that possible? see below how I just have text now and no colored button. Btw those texts are redirection to the collection pages. Thanks. Michele

Beytibyarabesqu_0-1666202483854.png

 

 

 

Beytibyarabesqu
Explorer
47 0 19
fatima97
Shopify Partner
5 0 3

Hi Ketan, I have tried the above solution on my store using Prestige theme. The issue I am facing is the hover option. I want to remove it or edit it. 

Actually the thing that is happening is please below screenshot after placing your provided code and modifying the colors:

fatima97_1-1707129865174.png

the subscribe button is appearing as below:

fatima97_0-1707129813758.png

But after hovering, the background color of the button becomes same as the footer background and the word subscribe dissappeared.

when i tried to comment out the hover option in the code, the whole theme got corrupted. Could you perhaps suggest a solution.

 

another thing I want to fix is the @store name in the footer above the powered by shopify. it is appearing in footer background color and when I hover the cursor over it, it appears in white color. How to change that? Even if we can just fix it for one color please help.

fatima97_2-1707130342625.png

Looking forward to your response 🙂

KetanKumar
Shopify Partner
36839 3635 11972

@fatima97 

oh sorry for that issue can you please send your store url so i will check and update u

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
fatima97
Shopify Partner
5 0 3

https://thepurrpetstore.myshopify.com/

password:12345

 

 

Also could you also help with adding a "text with icons carousal" under the slideshow banner in this theme? similar to below:

fatima97_0-1707471302955.png

 

fatima97
Shopify Partner
5 0 3

@KetanKumar 

Hi!  Humbly waiting for your assistance.

KetanKumar
Shopify Partner
36839 3635 11972

@fatima97 
Thanks for jump 
i have checked you have used Prestige Theme
may allow this theme option  if doesn't there so it can be done new section customization code 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Viacheslav93
Visitor
1 0 1

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

photo_2021-06-17_17-31-17.jpg

KetanKumar
Shopify Partner
36839 3635 11972

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

Malea0203
Tourist
5 0 1

Hi @KetanKumar ! I also need help on that. Can you tell me how to change the button with "IN DEN WARENKORB LEGEN"? I think its transparent and I want to give it a "true"color. Thank you!

 

https://malea-home.com/products/doppelwandiger-glasbecher-im-baren-look

Malea0203_0-1641423701975.png

 

Thank you so much for the help in advance!

 

Kind regards,

Lea

KetanKumar
Shopify Partner
36839 3635 11972

@Malea0203 

thanks for

can you please try this code

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

 

.ProductForm__AddToCart {
background: #cb997e;
    color: #fff;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Malea0203
Tourist
5 0 1

Hi!

 

thank you so much for your fast reply. It didn't work in the preview.. 😞 do we know why this is like it?

 

Kind regards

Lea

KetanKumar
Shopify Partner
36839 3635 11972

@Malea0203 

can you please show me this 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Malea0203
Tourist
5 0 1

Hi dear,

 

I just switched to Prestige2.0 due so many problems.. Can we start again? Sorry. It's still www.malea-home.com

 

Thank you so much for your help @KetanKumar

Malea0203
Tourist
5 0 1

Hi @KetanKumar can you please assist me with this?

Malea0203
Tourist
5 0 1

so with prestige2.0, my store is still malea-home.com. Thank you!