Jump to content

Prestashop 1.7 version Extend slide area


Can Memiş

Recommended Posts

open this file:

/your_theme/assets/css/theme.css

 

and at the end, add this code:

 

.carousel .carousel-inner{
width: 100vw !important;
margin-left:calc(-50vw + 50%) !important;
}
 
Don't forget to clear your cache.
 
OR you use my Presta Theme Maker editor for Prestashop 1.7 and create your theme with 100% wide image slider.

Let me know how it worked.
  • Like 1
Link to comment
Share on other sites

  • 3 months later...

 

open this file:

/your_theme/assets/css/theme.css

 

and at the end, add this code:

 

.carousel .carousel-inner{
width: 100vw !important;
margin-left:calc(-50vw + 50%) !important;
}
 
Don't forget to clear your cache.
 
OR you use my Presta Theme Maker editor for Prestashop 1.7 and create your theme with 100% wide image slider.

Let me know how it worked.

 

Thanks Andrej! The only problem is that the image exits the measurements, and the horizontal scroll bar appears. Do you know how I could solve it?

 

iqefpu.jpg

 

 

Link to comment
Share on other sites

Thanks Andrej! The only problem is that the image exits the measurements, and the horizontal scroll bar appears. Do you know how I could solve it?

 

iqefpu.jpg

 

 

Hi Pablo,

 

To be honest, I didn't find a good solution for this problem, and I decided to remove this option from the Presta Theme Maker editor as well.

 

It will be possible to achieve it with using jQuery, so I will post the solution here again.

Link to comment
Share on other sites

  • 7 months later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...