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
1476 304 421

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.
Pallavi
Shopify Expert
2239 370 486

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
1476 304 421

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.
0 Likes
Natztech
Shopify Partner
1432 403 959

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
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
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