Remove clickable link image opacity change in Simple theme?

Solved
Highlighted
Excursionist
17 1 2

How can I get rid of the opacity change when hovering over images that are clickable links in Simple theme?

0 Likes
Highlighted
Shopify Partner
165 34 60

Can you please share url so I can send you code for the solution. 

Thank you

Problem Solved? ✔️Accept the solution so you can help others.
* Email: fayyazraza@gmail.com * Skype: fayyaz_raza
0 Likes
Highlighted
Highlighted
Shopify Partner
165 34 60

in theme.scss.css file remove 

a:hover, a:focus { opacity: 0.7;
Problem Solved? ✔️Accept the solution so you can help others.
* Email: fayyazraza@gmail.com * Skype: fayyaz_raza
0 Likes
Highlighted
Excursionist
17 1 2

Hi Fayyaz,

 

I'm not finding that particular string in the theme.scss.liquid file for Simple. This is the closest I can find: 

a:active,
a:hover {
  outline: 0;
}

 

0 Likes
Highlighted
Shopify Partner
165 34 60

ok change this css to 

a:active,
a:hover {
  outline: 0;
opacity:1
}
Problem Solved? ✔️Accept the solution so you can help others.
* Email: fayyazraza@gmail.com * Skype: fayyaz_raza
0 Likes
Highlighted
Excursionist
17 1 2

Hmm, that doesn't seem to be working, either. I added the opacity line, but hovering over image links still reduced the opacity.

0 Likes
Highlighted
Pathfinder
98 12 37

This is an accepted solution.

Don't remove CSS.... Add overrides at the bottom of the theme.scss.liquid file so that you can always go back to default, the code below will fix it, also way easier than trying to find 1 line of CSS in a sea of CSS and SCSS 

/* THEME MODIFICATIONS */

a:hover { opacity: 1; }
1 Like
Highlighted
Excursionist
17 1 2

Thank you, that worked perfectly!

0 Likes