CMS Development

ErinKas
トップ投稿者

Bold and Underline Hyperlinks

解決

Hello wonderful community. I added some styling to our hyperlinks to BOLD and UNDERLINE  all hyperlinks on our website, however, i dont want the menu to be bolded and underlined. Can anyone help with this? https://www.dowcoinc.com

 

I would also like to change the color of the "work with us" link in the footer. See about us page for footer: https://www.dowcoinc.com/about-us its not as easy as going into the editor to update......

 

footer image.png

 

Can anyone help?

 

Much appreciated!

0 いいね!
1件の承認済みベストアンサー
Anton
解決策
名誉エキスパート | Diamond Partner
名誉エキスパート | Diamond Partner

Bold and Underline Hyperlinks

解決

Hi @ErinKas

 

tried it in the chrome inspector.

 

It should be enough to simply delete the !important from

a:link, a:visited, a:active{
text-decoration: underline !important;}

(you'll find it in line 833)

the !important "rule" is the sledgehammer method which should be used only in "emergency" cases because it will overwrite every other (in your case)

text-decoration: SOME-STYLE;

which you apply to a link-element(a:link...)

 

 

If you don't want to delete the "!important"(not really recommended):

 

To get the navigation links to "normal"-state find

.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a

(It's in line 914) and add

text-decoration: none !important;
font-weight:normal !important;

(the !important is nessary to overwrite the existing !important rule from the a:link..)

 

 

 

---

I've taken a look to the New_Symphony-style.css and have some questions:

- do you really need all of the fonts which are imported in the first 33 lines of it?

 

Because: There more fonts you import, the slower/worse the page speed can get. 

 

So, if you don't use them - delete the. But don't delete the first one(.../font-awesome.css), this is the font which is used for all of the icons. It's a little bit outdated, but if it came with the theme then you shouldn't replace it スマイリー ウインク

 

 

 

 

regards,

Anton

 

Anton Bujanowski Signature

元の投稿で解決策を見る

4件の返信
Anton
解決策
名誉エキスパート | Diamond Partner
名誉エキスパート | Diamond Partner

Bold and Underline Hyperlinks

解決

Hi @ErinKas

 

tried it in the chrome inspector.

 

It should be enough to simply delete the !important from

a:link, a:visited, a:active{
text-decoration: underline !important;}

(you'll find it in line 833)

the !important "rule" is the sledgehammer method which should be used only in "emergency" cases because it will overwrite every other (in your case)

text-decoration: SOME-STYLE;

which you apply to a link-element(a:link...)

 

 

If you don't want to delete the "!important"(not really recommended):

 

To get the navigation links to "normal"-state find

.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a

(It's in line 914) and add

text-decoration: none !important;
font-weight:normal !important;

(the !important is nessary to overwrite the existing !important rule from the a:link..)

 

 

 

---

I've taken a look to the New_Symphony-style.css and have some questions:

- do you really need all of the fonts which are imported in the first 33 lines of it?

 

Because: There more fonts you import, the slower/worse the page speed can get. 

 

So, if you don't use them - delete the. But don't delete the first one(.../font-awesome.css), this is the font which is used for all of the icons. It's a little bit outdated, but if it came with the theme then you shouldn't replace it スマイリー ウインク

 

 

 

 

regards,

Anton

 

Anton Bujanowski Signature
ErinKas
トップ投稿者

Bold and Underline Hyperlinks

解決

@Anton!!!!!!! Thank you Thank You Thank You. This is perfect and worked fantastically! 

 

I did notice the massive amounts of font at the top of the css. Whats the best way to make sure they are not in use before I remove them? Any suggestions? Thank you again for that fix!!!!

 

 

0 いいね!
Anton
名誉エキスパート | Diamond Partner
名誉エキスパート | Diamond Partner

Bold and Underline Hyperlinks

解決

@ErinKas, glad to help you. 

 

I think the best way would be to

- open the New_Symphony-style.css in the design manager

- press STRG+F (or CMD+F on a mac) to open the search function

- search for every "font-family" inside the css

- write down which one is used and in which font-weight(normal, bold, 300,400 ...)

- after you have found every "font-family" inside the css, scroll back to the "massive amount of fonts"

- delete every font which you haven't written down

 

Also you could go to fonts.google.com, search for every font you use, select them with the font-weight you (want to) use and grab only one 

@import

link.

 

Note: FontAwesome isn't availible on google. Like I've mentioned in the previous post, just leave it as it is.

If you want you can load a new version by google for "FontAwesome 4 CDN", grab a link and replace the current FontAwesome link with it.

 

 

regards,

Anton

Anton Bujanowski Signature
0 いいね!
jennysowyrda
コミュニティーマネージャー
コミュニティーマネージャー

Bold and Underline Hyperlinks

解決

Hi @ErinKas,

 

I want to tag a few subject matter experts into the conversation: @Anton@mgrubbs@Simon_Goldie do you have any tips for Erin? 

 

Thanks,
Jenny

0 いいね!