How can i remove zoom/underline at blog picture?

[Anonymous]

Hi, i want to remove the zoom and the underline at the blog pictures, when i touch it with my mouse. Like i describe here:

Is it possible?

Thank you

Dawn Theme 15.0.0

url:  https://cb180d-31.myshopify.com/

[Made4uo-Ribe · Accepted solution]

Hi @Anonymous 

Check this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes"

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

<style>
.card:hover .media.media--hover-effect > img:first-child:only-child,
  .card-wrapper:hover .media.media--hover-effect > img:first-child:only-child {
    transform: unset;
  }
 .underline-links-hover:hover a {
        text-decoration: none;
    }
</style>

And save. 

result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[Anonymous]

Thank you its working. 🙂