how to change button colours in embedded collection?

Solved
robin_
Excursionist
20 0 9

Hi there,

how can one change the colour [currently shopify's green] of a collection embedded on another website [wordpress]? I'd like to change the button colour to #1F2021 and the button text to white.

the below code is not giving me a way in. 
Would hugely appreciate the help!
Thank you.
_________________________________________________________________________________

<div id='collection-component-1627039018990'></div>
<script type="text/javascript">
/*<![CDATA[*/
(function () {
var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js';
if (window.ShopifyBuy) {
if (window.ShopifyBuy.UI) {
ShopifyBuyInit();
} else {
loadScript();
}
} else {
loadScript();
}
function loadScript() {
var script = document.createElement('script');
script.async = true;
script.src=scriptURL;
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script);
script.onload = ShopifyBuyInit;
}
function ShopifyBuyInit() {
var client = ShopifyBuy.buildClient({
domain: 'casualsex-merch.myshopify.com',
storefrontAccessToken: 'a94f5b660954975c6f704e0e1200e19a',
});
ShopifyBuy.UI.onReady(client).then(function (ui) {
ui.createComponent('collection', {
id: '272881746070',
node: document.getElementById('collection-component-1627039018990'),
moneyFormat: 'R%20%7B%7Bamount%7D%7D',
options: {
"product": {
"styles":

{
"product": {
"@media (min-width: 601px)": {
"max-width": "calc(25% - 20px)",
"margin-left": "20px",
"margin-bottom": "50px",
"width": "calc(25% - 20px)"
}
}
},
"buttonDestination": "modal",
"contents": {
"options": false
},
"text": {
"button": "view details"
}
},
"productSet": {
"styles": {
"products": {
"@media (min-width: 601px)": {
"margin-left": "-20px"
}
}
}
},
"modalProduct": {
"contents": {
"img": false,
"imgWithCarousel": true,
"button": false,
"buttonWithQuantity": true
},
"styles": {
"product": {
"@media (min-width: 601px)": {
"max-width": "100%",
"margin-left": "0px",
"margin-bottom": "0px"
}
}
},
"text": {
"button": "add to casualsex cart"
}
},
"option": {},
"cart": {
"text": {
"total": "subtotal",
"button": "checkout",
}
},
"toggle": {}
},
});
});
}
})();
/*]]>*/
</script>

KetanKumar
Shopify Partner
22532 2281 8383

@robin_ 

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
0 Likes
Natztech
Shopify Partner
1897 492 1172

hello @robin_ 


Please provide the website URL and if your store is password protected then also provide a password So I will check and provide a solution here and please share screenshot which button change color 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
PageFly Advanced Page Builder visit pagefly
0 Likes
robin_
Excursionist
20 0 9

Thank you!

It is here: https://casualsex.store/pages/test-embed

 

 

0 Likes
robin_
Excursionist
20 0 9
KetanKumar
Shopify Partner
22532 2281 8383

@robin_ 

sorry for this issue its coming from ifram so doesn't possible to work any code you can do on buy now button on 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
robin_
Excursionist
20 0 9

so are you saying it is impossible to change colour, or? or must I change code within my shopify?

0 Likes
KetanKumar
Shopify Partner
22532 2281 8383

This is an accepted solution.

@robin_ 

your have check color on your boy now button script 

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