FROM CACHE - en_header
Promotion image

Changing Font Colours

Solved

Changing Font Colours

precision1
Excursionist
14 0 6
‎01-17-2025 12:18 PM

I have venue..

Updating site when I change the "regular text colour" it changes the 'button label text colour' also.

How do you assign 2 different colours?

Can you??

 

Thx

Labels:
685 Views
0 Likes
Report
Accepted Solution (1)
In response to precision1

CodingFifty
Shopify Partner
1007 152 177
‎01-17-2025 02:01 PM

This is an accepted solution.

Send me codingfifty@gmail.com @precision1 

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com

View solution in original post

587 Views
1 Like
Report
Replies 15 (15)

S18
Shopify Partner
26 2 2
‎01-17-2025 12:19 PM

hey @precision1 plz share your store URL

682 Views
0 Likes
Report

CodingFifty
Shopify Partner
1007 152 177
‎01-17-2025 12:20 PM

Hello @precision1 ,

Please share the website url.

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com
681 Views
0 Likes
Report
In response to CodingFifty

precision1
Excursionist
14 0 6
‎01-17-2025 12:47 PM

precisioncraft.ca

Homepage 'find out more about the galvo'

The new version doesn't allow the box around the link and the colours too...

657 Views
0 Likes
Report
In response to precision1

CodingFifty
Shopify Partner
1007 152 177
‎01-17-2025 12:54 PM

Which color do you want on the button?

 

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com
654 Views
0 Likes
Report
In response to precision1

CodingFifty
Shopify Partner
1007 152 177
‎01-17-2025 01:08 PM

Do you want to like this button?

CodingFifty_0-1737137293694.png

 

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css file Add the provided code at the end of the file.

 

 

a.c-btn--hollow {
    color: var(--color--text) !important;
    box-shadow: inset 0 0 0 1px var(--color--text) !important;
    margin-bottom: 1px;
    background: white !important;
}

 

 

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com
646 Views
0 Likes
Report
In response to CodingFifty

precision1
Excursionist
14 0 6
‎01-17-2025 01:11 PM

Ok I will give it a try

641 Views
0 Likes
Report
In response to precision1

CodingFifty
Shopify Partner
1007 152 177
‎01-17-2025 01:13 PM

Try this code.

a.c-btn--hollow {
    color: var(--color--text) !important;
    box-shadow: inset 0 0 0 1px var(--color--text) !important;
    margin-bottom: 1px;
    background: white !important;
}
Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com
639 Views
0 Likes
Report
In response to precision1

precision1
Excursionist
14 0 6
‎01-17-2025 01:19 PM

Nothing comes up when search base.css/theme.css/style.css

636 Views
0 Likes
Report
In response to precision1

CodingFifty
Shopify Partner
1007 152 177
‎01-17-2025 01:24 PM

Please find the theme.liquid file, locate the <head> tag, and then add the code on the next line.

 

<style>
a.c-btn--hollow {
    color: var(--color--text) !important;
    box-shadow: inset 0 0 0 1px var(--color--text) !important;
    margin-bottom: 1px;
    background: white !important;
}
</style>

 

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com
629 Views
0 Likes
Report
In response to CodingFifty

precision1
Excursionist
14 0 6
‎01-17-2025 01:37 PM

added it to layout/theme/liquid nothing changed.

620 Views
0 Likes
Report
In response to precision1

CodingFifty
Shopify Partner
1007 152 177
‎01-17-2025 01:39 PM

Please share the collaborator code so I can implement it. @precision1 

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com
615 Views
0 Likes
Report
In response to CodingFifty

precision1
Excursionist
14 0 6
‎01-17-2025 01:40 PM

How do you do that?

613 Views
0 Likes
Report
In response to precision1

CodingFifty
Shopify Partner
1007 152 177
‎01-17-2025 01:42 PM

Would you give me access to your store? I will implement the code in your store. @precision1 

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com
612 Views
0 Likes
Report
In response to CodingFifty

precision1
Excursionist
14 0 6
‎01-17-2025 01:57 PM

ok here?

595 Views
0 Likes
Report
In response to precision1

CodingFifty
Shopify Partner
1007 152 177
‎01-17-2025 02:01 PM

This is an accepted solution.

Send me codingfifty@gmail.com @precision1 

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com
588 Views
1 Like
Report

Community Blog Articles

May '25.jpg
Celebrating our Members of May '25

June brought summer energy to our community. Members jumped in with solutions, clicked ...

By JasonH Jun 5, 2025
441285313-63bbef53-3fbe-4e8b-a706-5b37afa90468.png
Automate store operations with Shopify Academy & Coding with Jan

Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...

By Jacqui May 7, 2025
April 25.jpg
Highlighting our Members of April '25

Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...

By JasonH May 2, 2025
Terms of Service Privacy Policy