How can Change the text and button slider

How can Change the text and button slider

Martin299
Excursionist
30 1 8

Can someone help me to change my slider style <
thanks in advance.
from this
12321.PNG

to this
1312.PNG
here are the two website to take a look
https://e018c6-82.myshopify.com/
biene theme (password: buddha) (biene-theme.myshopify.com)

Reply 1 (1)

Sweans
Shopify Partner
400 78 120

Hi @Martin299 ,

 

Please see the solution below:

 

1. In your Shopify admin, navigate to "Online Store" under Sales  Channels. Click the three dots next to the theme you wish to edit, then  select "Edit Code".

2. Next you can find Main.css/theme.css/base.css/style.css(it will be based on your theme file)

 

Add this css code:-

 

 .slider-mobile-gutter.page-width.mobile-text-below {
      max-width: 100%;
      padding: 0;
    }
    #Slider-template--18215391494367__slideshow_a4Gqei {
      min-height: 82vh;
      position: relative;
    }
    .slideshow__control-wrapper {
      display: none;
    }
    .slideshow__controls.slider-buttons.slideshow__controls--border-radius-mobile {
      position: absolute;
      z-index: 99999;
      top: 38%;
      width: 100%;
      justify-content: space-between;
    }
    .slider-button .icon {
      height: 20px;
    }

    @media screen and (max-width: 749px) {
      .slideshow__media.banner__media.media {
        height: 100% !important;
      }
    }

 

 

Result:

Sweans_0-1722921346222.png

 

If you need further assistance, feel free to reach out!
I hope this helps! If it does, please like it and mark it as a solution!

Regards,
Sweans

- Was my reply helpful? Please Like and Accept the Solution or let me know by Buying me coffee!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me at info@sweans.com regarding any help.
- To know more about me check out www.sweans.com