How to make links bold on hover? (dawn theme)

Store Design
1

How can I make link item bold when hovering over it?

2

Hello @PM98 ,

Please add this code in the custom CSS section if you are looking to bold all the links of the store when the user hovers over it.

Steps -:

  1. Go to Online Store → Themes-> Click Customize.

Anshul_arora_0-1714388757689.png
Anshul_arora_0-1714388757689.png1593×767 66.6 KB

a:hover {
font-weight: bold;
}

[Note -: If you are looking to implement the bold effect in only a few links, then kindly share the store and links that need to have a bold effect.]

I hope the code helps you.

Please share if you have any queries.

Thank you.

3

On the hover, either you can add the first text shadow or the font weight. But the font weight is not a good idea because it will shake the whole sentence.

:hover {
  text-shadow: -.25px -.25px 0 black, 
                .25px .25px black;
}

:hover {
  font-weight: 700;
}
4

That makes them all bold instead of each indvidual link on hover. any help?

5

Sure you can use element name with class name before the hover.

a.ClassName:hover {
  text-shadow: -.25px -.25px 0 black, 
                .25px .25px black;
}

a.ClassName:hover {
  font-weight: 700;
}
6

Hasn’t worked! It’s for the links in the footer, does that make any difference?