How to remove hyperlink underline and font colour in studio

Store Design
, ,

Topic summary

A user is trying to remove underlines from hyperlinks and change the default blue link color to a custom color in their Shopify Studio store. They specifically mention issues with links in a column appearing white and underlined.

Current situation:

  • The user has already attempted to modify the base.css file
  • Their custom CSS targets .link and .customer a classes with color #797164
  • The code may have syntax errors (missing semicolons after color declarations)
  • Links are displaying incorrectly on their site (saintdante.co.uk)

Status:
The discussion remains open with the user asking where exactly to add suggested CSS code in the base.css file. No complete solution has been provided yet, though someone appears to have offered guidance (referenced in the user’s follow-up question).

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.
1

How do I remove hyperlink underlines and change the link blue colour to a custom colour?

This is for text in a column, but ideally would like this across the whole store. I’ve looked for other solutions but can’t find a fix for Studio.

Thank you in advance!

2

saintdante.co.uk

As you can see the column i’m struggling with as it’s showing as white and underlined (i think i might have ruined the coding on the link section base.css :sweat_smile: )

This is the coding currently on the base.css

.link,
.customer a {
cursor: pointer;
display: inline-block;
border: none;
box-shadow: none;
text-decoration: none;
text-underline-offset: none;
color: #797164
background-color: transparent;
font-size: 1.4rem;
font-family: inherit;
}

.link–text {
color: #797164
}

.link–text:hover {
color: #797164
}

3

thank you! where in the base.css do i add this?