Re: How To Change This Text Colour?

How To Change This Text Colour?

Emiway
Trailblazer
263 0 50

Hello, I Want To Change The Text & Icon Colour From Black To White.. I Had Shared The Images And Outlined It With Green Box..

My URL: https://theindianvastr.com/?_ab=0&_fd=0&_sc=1

IMG_20240705_114221.jpg

Replies 5 (5)

Moeed
Shopify Partner
7513 2029 2495

Hey @Emiway 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.shopify-payment-button__more-options {
    color: white !important;
}
.accordion .icon-accordion {
    fill: white !important;
}
</style>

RESULT:

Moeed_0-1720160514236.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


ProtoMan44
Shopify Partner
743 60 114

@Emiway thanks for posting here.
please use this style code:

.product button.shopify-payment-button__more-options {
    color: #fff;
}
.collapsible-content .accordion svg path {
    fill: #fff;
}

ProtoMan44_1-1720160923231.png

 

 

- A thirsty developer passionate about supporting the community. If you'd like to, you can  

Buy me a Coffee.


- Your Shopify Solution Specialist Get a Quote at

ProtoMan44

 - 

Chat On Whatsapp


Crafting exceptional e-commerce experiences to elevate your online presence. Let's build your success story together!

BrainStation23
Shopify Partner
416 62 62

HI @Emiway You can follow this step to archive your result 
Go to online store->edit code-> theme.liquid file and past bellow code inside Style tag

.shopify-payment-button__more-options {
    color: white !important;
}
.accordion .icon-accordion {
    fill: white !important;
}

  

Brain Station 23 PLC (Mail: js.sbu@brainstation-23.com)
- Was your question answered? Mark it as an Accepted Solution
- Did the solution not address your concern? We kindly request that share or mail your store URL with us this will enable us to collaborate more closely.
- Explore our Shopify public apps

oscprofessional
Shopify Partner
16373 2440 3188

Hello @Emiway 
Go to online store > edit theme code > theme.liquid > put in the below code in theme.liquid file before closing </body>

 

<style>
body .shopify-payment-button__more-options {
    color: #fff;
}
body .accordion .icon-accordion {
    color: #fff;
    fill: #fff;
}
</style>

 

Hire us | Pass Core Web Vital | B2B Wholesale Experts | Claim Your Free Website Review |
Connect with Us: WhatsApp | Skype: oscprofessionals-87 | Email: pallavi@oscprofessionals.com |
Custom Shopify SolutionsPrivate Apps, Theme Customization & SEO | Digital Marketing |
OSCP Apps: Discount Suite | Wholesale App | Bundle & Upsell | Shipping Discount | and more...

Rahul_dhiman
Shopify Partner
824 155 173

Hello @Emiway 
Go to online store ---------> themes --------------> actions ------> edit code------->base.css
at the bottom of the file.

.shopify-payment-button__more-options {
color: #fff;
}
.accordion .icon-accordion {
align-self: center;
fill: #fff;
}

and the result will be
3.png


If this was helpful, hit the like button and mark the job as completed.
Thanks

Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront

Contact here


BEST CUSTOMER ACCOUNTS APP WITH CUSTOM WISHLIST OPTION 
TRY OUR APP :

PWC: Customer Accounts & Pages