How to remove the hover effect of the blog post- debut theme

Solved

How to remove the hover effect of the blog post- debut theme

linlin
Tourist
6 0 1

Hi How do I remove the bottom shadow of the blog post hover effect in debut theme?

When I hover the blog post, there is a grey shadow that looks ugly.

Thank you!

 

IMG_2433.jpg

Accepted Solution (1)
GemPages
Shopify Partner
5625 1262 1266

This is an accepted solution.

Hello @linlin 

 

You can follow these steps:

1. Go to Online Store -> Theme -> Edit code
2. Open your theme.liquid theme file
3. Paste below code before </body> :

 

<style>
   @media only screen and (max-width: 750px){
      .article__link:not([disabled]):hover .article__grid-image-wrapper:before{
         display: none;
      }
   }
</style>

 

If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 10 (10)

GemPages
Shopify Partner
5625 1262 1266

Hello @linlin 

 

Could you please share your store url ( with pass if your store password is enabled ) then I can see and suggest something for you?

 

Best regards,
GemPages Support Team

 

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
linlin
Tourist
6 0 1

Thank you

linlin
Tourist
6 0 1

Hi It is JTMenswear.com. Thank you

KetanKumar
Shopify Partner
37583 3668 12151

@linlin 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
linlin
Tourist
6 0 1

Please see the link above:)

GemPages
Shopify Partner
5625 1262 1266

I checked and found that when hovering on blog post there is no box shadow like the screenshot you mentioned above. Please share more details about the problem you encountered then I can see and suggest something for you?

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
linlin
Tourist
6 0 1

Hi it only happens with mobile phone view.

The desktop view is okay. Thank you very much.

GemPages
Shopify Partner
5625 1262 1266

This is an accepted solution.

Hello @linlin 

 

You can follow these steps:

1. Go to Online Store -> Theme -> Edit code
2. Open your theme.liquid theme file
3. Paste below code before </body> :

 

<style>
   @media only screen and (max-width: 750px){
      .article__link:not([disabled]):hover .article__grid-image-wrapper:before{
         display: none;
      }
   }
</style>

 

If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
linlin
Tourist
6 0 1

Thank you very much. It worked!

GemPages
Shopify Partner
5625 1262 1266

I am glad that my suggestion is helpful to you.

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center