Button Hover need some change

Solved

Button Hover need some change

Sohan2198
Pathfinder
129 9 21

Hello,
I tried to change the background and text of the button on slideshow in hover the button.
But not change,

https://www.shopqse.com/

please check

Shopify_
Accepted Solution (1)

oscprofessional
Shopify Partner
16375 2441 3190

This is an accepted solution.

Hello @Sohan2198 

You need to remove the z-index property from the <a> tag
Follow the steps

Go to Online Store > Theme > Edit Code > slideshow.liquid  file
And Serach for the class 'banner__media media mob' and check the anchor tag after this div
Remove the 'z-index: 999;' css property from it

oscprofessional_0-1721893627548.png



Thanks



Hire us | Pass Core Web Vital | B2B Wholesale Experts | Claim Your Free Website Review |
Connect with Us: WhatsApp | Skype: oscprofessionals-87 | Email: pallavi@oscprofessionals.com |
Custom Shopify SolutionsPrivate Apps, Theme Customization & SEO | Digital Marketing |
OSCP Apps: Discount Suite | Wholesale App | Bundle & Upsell | Shipping Discount | and more...

View solution in original post

Replies 2 (2)

oscprofessional
Shopify Partner
16375 2441 3190

This is an accepted solution.

Hello @Sohan2198 

You need to remove the z-index property from the <a> tag
Follow the steps

Go to Online Store > Theme > Edit Code > slideshow.liquid  file
And Serach for the class 'banner__media media mob' and check the anchor tag after this div
Remove the 'z-index: 999;' css property from it

oscprofessional_0-1721893627548.png



Thanks



Hire us | Pass Core Web Vital | B2B Wholesale Experts | Claim Your Free Website Review |
Connect with Us: WhatsApp | Skype: oscprofessionals-87 | Email: pallavi@oscprofessionals.com |
Custom Shopify SolutionsPrivate Apps, Theme Customization & SEO | Digital Marketing |
OSCP Apps: Discount Suite | Wholesale App | Bundle & Upsell | Shipping Discount | and more...

BSS-TekLabs
Shopify Partner
2401 695 835

- Here is the solution for you @Sohan2198 
- Please follow these steps: 

step.png

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

.slideshow:not(.banner--mobile-bottom) .slideshow__text-wrapper {
    z-index: 1000 !important;
}

- Here is the result you will achieve:

BSSTekLabs_0-1721908713542.png

 

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now