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

Solved
MarcMueller
Tourist
7 0 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

0 Likes
Guleria
Shopify Partner
1754 367 513

This is an 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

Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1
If helpful then please Like and Accept Solution.
Buy me a coffee ☕ My PayPal
Pallavi
Shopify Expert
2367 396 512

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;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
MarcMueller
Tourist
7 0 1

Amazing Thank you so much! 

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

Thanks a lot!

0 Likes
Guleria
Shopify Partner
1754 367 513

This is an accepted solution.

Use this css

.AnnouncementBar__Content.Heading {
    text-align: right;
}
Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1
If helpful then please Like and Accept Solution.
Buy me a coffee ☕ My PayPal
0 Likes
Natztech
Shopify Partner
1897 492 1172

This is an 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;
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
PageFly Advanced Page Builder visit pagefly
0 Likes
MarcMueller
Tourist
7 0 1

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!

0 Likes