Shopify themes, liquid, logos, and UX
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.
Hello, @Salmadif
Welcome to the Shopify community!
Please share your site preview URL,
So I will check and provide a solution here.
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 🙂
can you please share the store preview URL.
For me the same.
I want to change te colors of the buttons on the slideshow
https://b2b-mediterranean-trees.myshopify.com/
plutab
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;}
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
Thanks for update and support.
Is it also possible to seperate the colors of the buttons on the collection list with the text?
Yes, it's possible give me collection url and let me know where did you change this?
https://b2b-mediterranean-trees.myshopify.com/collections/
And the collection list at the bottom of the homepage.
Thanks in forward!
Thanks for store url
but sorry your store is password protect.
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;
}
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
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;
}
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!
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.
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.
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.
yes, please confirm this look
Yes thats perfect.
Hi Ketan are you able to send me the code to make the changes please?
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
Thank you 😊
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
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:
the subscribe button is appearing as below:
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.
Looking forward to your response 🙂
oh sorry for that issue can you please send your store url so i will check and update u
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
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
Can you tell me how to change the color of the button "Buy with applepay"?
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.
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
Thank you so much for the help in advance!
Kind regards,
Lea
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;
}
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
can you please show me this
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
so with prestige2.0, my store is still malea-home.com. Thank you!
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024