Changing Font Colours

Store Design

Topic summary

A user is experiencing an issue where changing the regular text color in their Venue theme also affects button label text colors. They want to assign different colors to these elements.

Problem Details:

  • Store: precisioncraft.ca
  • Specific issue: Homepage ‘find out more about the galvo’ button
  • The new theme version doesn’t allow customization of button borders and colors independently

Attempted Solution:
A helper provided CSS code to style the button with a border and custom colors, targeting the .c-btn--hollow class. The code was meant to be added to base.css/theme.css/style.css files.

Current Status:

  • Initial attempts failed because the user couldn’t locate the specified CSS files
  • Alternative approach suggested: adding code to theme.liquid file’s <head> section
  • This also didn’t work
  • The discussion remains unresolved and has progressed to the helper requesting collaborator access via email to implement the solution directly
Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
1

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

2

hey @precision1 plz share your store URL

3

Hello @precision1 ,

Please share the website url.

4

precisioncraft.ca

Homepage ‘find out more about the galvo’

The new version doesn’t allow the box around the link and the colours too…

5

Which color do you want on the button?

6

Do you want to like this button?

CodingFifty_0-1737137293694.png
CodingFifty_0-1737137293694.png847×440 110 KB

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;
}
7

Ok I will give it a try

8

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;
}
9

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

10

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

added it to layout/theme/liquid nothing changed.

12

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

13

How do you do that?

14

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

15

ok here?

16

Send me codingfifty@gmail.com @precision1

1 Like