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

[MarcMueller]

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

[Developer-G · Accepted solution]

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

[Developer-G · Accepted solution]

Use this css

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

[Developer-G · Accepted solution]

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

[ZestardTech]

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

[MarcMueller]

Amazing Thank you so much! 

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

Thanks a lot!

[Developer-G · Accepted solution]

Use this css

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

[MarcMueller]

Absolutely amazing!

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

Such as: About us, Shop, Blog, Stores

Thank you already!

[Kinjaldavra · Accepted solution]

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