How to make slider full width in boost theme

Solved
Tourist
14 0 0

Hi Friends,

I am trying to change the width of my slider to be full length rather than a fixed size in my theme settings.  I would like to have my slider full length of the page like the link here https://www.thecapsoul.net/

My link is https://bqel883rbc0134up-22495265.shopifypreview.com/ so you can see how the sliders compare.

What code should I be looking for to change the size that would be shown?

Thanks in advance

0 Likes

Success.

Shopify Partner
462 80 94

@selvasparrow 

 

sarhov is here...

Go Actions >  Edit Code >  Find theme.scss.liquid file

 

Scroll at the very bottom of this file and put the following code.

[data-section-type="slideshow"] {
  padding: 0;
}

[data-section-type="slideshow"]  .page-width{
  width: 100%;
  max-width: 100%;
}
Author: Hovhannes Sargsyan (aka sarhov).
An individual web developer focused on Shopify development.
Need more help? Feel free to send me a direct message or drop an email shopify@sarhov.com

Website: https://sarhov.com  
Email: shopify@sarhov.com
Skype: @sarhov
Messenger: @sarhov
Telegram: @sarhov
1 Like
Tourist
14 0 0

The slider is full width now & working fine.  Thank you very much for your quick response sarhov. i have some questions for you is it possible to insert the Svg image with tool tip in shopify as like in below screenshot? Please refer the footer of this website  https://int.kusmitea.com/?___store=kusmi_int 

Thanks in advance.

 

 tooltip.png

0 Likes
Shopify Partner
462 80 94

@selvasparrow 

 

To add such section, there is need to custom edit the theme, about an hour work.

Author: Hovhannes Sargsyan (aka sarhov).
An individual web developer focused on Shopify development.
Need more help? Feel free to send me a direct message or drop an email shopify@sarhov.com

Website: https://sarhov.com  
Email: shopify@sarhov.com
Skype: @sarhov
Messenger: @sarhov
Telegram: @sarhov
0 Likes
Highlighted
Tourist
14 0 0

Ok fine Sarhov. Please DM @ karthickraja11990@gmail.com price quote for your custom work. 



 

0 Likes