Page BuilderPage Builder
Get started

OverviewBuild any Joomla site visually, no code needed. Works with Joomla 5 and 6.
Overview

What's newWhat's new

DocumentationDocumentation
Design your site

Layout BundlesComplete websites for your industry, ready to customise.
Layout Bundles

InteractionsBring pages to life with scroll, mouse and tilt effects.
Interactions

Dynamic ContentBuild listings, directories and detail pages from your own content types.
Dynamic Content
Grow your audience

Form BuilderCollect leads and enquiries, with your own email templates.
Form Builder

Popup BuilderPromote offers at the right moment, with triggers and scheduling.
Popup Builder

CommentsLet readers discuss your articles and pages.
Comments
TemplatesTemplates
ExtensionsExtensions
Build your site

SP Page BuilderDesign any page visually, no code needed. EasyStore runs inside it.
SP Page Builder

Helix FrameworkThe free framework behind every JoomShaper template.
Helix Framework

Power AdminA cleaner, friendlier Joomla dashboard for you and your clients.
Power Admin
Run your business

EasyStoreSell online: products, payments and checkout, built into your pages.
EasyStore

SP BookingTake appointments and bookings, with calendars and online payment.
SP Booking

SP LMSSell courses with lessons, quizzes and certificates.
SP LMS

SP PropertyList properties, with agents, enquiries and search.
SP Property
Show your work

SP Easy Image GalleryResponsive image galleries in a few clicks.
SP Easy Image Gallery

SP Simple PortfolioShow your projects in a filterable grid.
SP Simple Portfolio
- All extensionsAll extensions
- Everything, one planAll Access, from $159.
  Everything, one plan Compare plans
ResourcesResources
Help

BlogBlog

DocumentationDocumentation

ForumsForums

Live ChatLive Chat

Release NotesRelease Notes
Company

AboutAbout

Affiliate ProgramAffiliate Program

ContactContact
PricingPricing

Login Create an account

Page BuilderPage Builder
Get started

OverviewBuild any Joomla site visually, no code needed. Works with Joomla 5 and 6.
Overview

What's newWhat's new

DocumentationDocumentation
Design your site

Layout BundlesComplete websites for your industry, ready to customise.
Layout Bundles

InteractionsBring pages to life with scroll, mouse and tilt effects.
Interactions

Dynamic ContentBuild listings, directories and detail pages from your own content types.
Dynamic Content
Grow your audience

Form BuilderCollect leads and enquiries, with your own email templates.
Form Builder

Popup BuilderPromote offers at the right moment, with triggers and scheduling.
Popup Builder

CommentsLet readers discuss your articles and pages.
Comments
TemplatesTemplates
ExtensionsExtensions
Build your site

SP Page BuilderDesign any page visually, no code needed. EasyStore runs inside it.
SP Page Builder

Helix FrameworkThe free framework behind every JoomShaper template.
Helix Framework

Power AdminA cleaner, friendlier Joomla dashboard for you and your clients.
Power Admin
Run your business

EasyStoreSell online: products, payments and checkout, built into your pages.
EasyStore

SP BookingTake appointments and bookings, with calendars and online payment.
SP Booking

SP LMSSell courses with lessons, quizzes and certificates.
SP LMS

SP PropertyList properties, with agents, enquiries and search.
SP Property
Show your work

SP Easy Image GalleryResponsive image galleries in a few clicks.
SP Easy Image Gallery

SP Simple PortfolioShow your projects in a filterable grid.
SP Simple Portfolio
- All extensionsAll extensions
- Everything, one planAll Access, from $159.
  Everything, one plan Compare plans
ResourcesResources
Help

BlogBlog

DocumentationDocumentation

ForumsForums

Live ChatLive Chat

Release NotesRelease Notes
Company

AboutAbout

Affiliate ProgramAffiliate Program

ContactContact
PricingPricing

Solved SP Page Builder

Slideshow Sp Page Builder

Asked by Christian 2 years ago Last activity 2 years ago

Hello, I have a problem with the slideshow.

Explanation: I have several "square" images in a slideshow and I would like which ones remain square regardless of the resolution or the device used, desktop, mobile, tablet... How to force the conservation of a ratio 1: 1 in all circumstances.

An example in the image but I have other resolution and other media or ratio and even more different.

For information: I have tried different configurations for several days with the height options etc.

Thanks for your help

Chris

Accepted answer

Marked as the solution

Christian Asked this

2 years ago

Je viens de trouver la solution ! Elle était sur le forum https://www.joomshaper.com/forum/question/32462

.YOUR_CLASS .sp-slider-outer-stage {
    aspect-ratio: 1;
    height: auto !important;
}

1 more reply

Ofi Khan Staff

2 years ago

Hello Christian

Glad that you have found the solution. Have a good day!

Best regards

Log in to reply.