Change the Hyperlink colour to our normal colour but bold and delete the underlining

Technical Q&A
1

Dear Community

I am facing an issue with the hyperlinks on our webpage. They are all in blue and with underlining. Best would be that it keeps the original color of the text but bold and without underlining.

Our webpage is the following: www.marsoliving.com

Thank you so much for your help!!

Marc

2

Hello Marc,

  1. Go to Online Store->Theme->Edit code
  2. Asset->theme.scss here search for this css
p a {
    color: #00f!important;
    text-decoration: underline!important;
}

And replace it with

p a {
      text-decoration: none !important;
    font-weight: bold;
}

Thanks

1 Like
3

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.scss.css and paste this at the bottom of the file:
p.AnnouncementBar__Content.Heading a, p a {
color: white !important;
text-decoration: none !important;
font-weight: normal !important;
}
4

Amazing Thank you so much!

One more question, how can I align the text in the announcement bar to the right?

Thanks a lot!

5

Use this css

.AnnouncementBar__Content.Heading {
    text-align: right;
}
6

hello @MarcMueller

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.AnnouncementBar__Content.Heading {
    text-align: right;
}
7

Absolutely amazing!

Another question because you are my hero :slightly_smiling_face: How can I embed more than one hyperlink in the announcement bar?

Such as: About us, Shop, Blog, Stores

Thank you already!