Changing Font Colours

Solved

Changing Font Colours

precision1
Excursionist
13 0 6

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

Accepted Solution (1)
CodingFifty
Shopify Partner
525 80 99

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

Replies 15 (15)

S18
Shopify Partner
26 2 2

hey @precision1 plz share your store URL

CodingFifty
Shopify Partner
525 80 99

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
precision1
Excursionist
13 0 6

precisioncraft.ca

Homepage 'find out more about the galvo'

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

CodingFifty
Shopify Partner
525 80 99

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
CodingFifty
Shopify Partner
525 80 99

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
precision1
Excursionist
13 0 6

Ok I will give it a try

CodingFifty
Shopify Partner
525 80 99

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
precision1
Excursionist
13 0 6

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

CodingFifty
Shopify Partner
525 80 99

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
precision1
Excursionist
13 0 6

added it to layout/theme/liquid nothing changed.

CodingFifty
Shopify Partner
525 80 99

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
precision1
Excursionist
13 0 6

How do you do that?

CodingFifty
Shopify Partner
525 80 99

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
precision1
Excursionist
13 0 6

ok here?

CodingFifty
Shopify Partner
525 80 99

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