- This topic has 3 replies, 2 voices, and was last updated 6 years, 1 month ago by
.
-
Posts
-
The images in my slider when using the “Fluid” layout appear massive and take up the entire screen on desktop PCs. In my opinion, the images look much, much better when using the “Boxed” layout – the slider’s pictures are proportioned in a much more appealing way.
So my question is how can I go about using the aspect ratio of the slider’s images as they appear when using the “Boxed” layout, but actually still be able to use the “Fluid” layout for the rest of the site? (My slider only appear on the home page. Thanks.) 🙂
Hello @tfmescia,
When we inspected for the issue locally, we were unable to find such issue i.e. in both the layout the image appears to be of the same height.
But one thing you need to be aware is that the slider will adjust its height according to the height of the image you have uploaded in both the cases. So please try to upload the image of proper height in the slider.
Also since we could not generate the issue by ourself so please post your URL for further inspection.
Thank you.
Best Regards!!
Have a good day 🙂 .
Hello, and thanks for the response.
I will share 2 screenshots. This is taken from a desktop PC, resolution 3440×1440:
The first is the website and slider using the “Boxed” layout:
This is the 2nd picture, with “Fluid” layout:
My goal is to use the aspect ratio of the slider as seen in the first picture with the “Fluid” layout. 🙂
Hello @tfmescia,
Actually, the theme is designed in such way that in the fluid layout the slider image will get stretched out as the image is used as the background image.
However, we will provide the custom CSS using the slider image will be displayed as in the boxed layout.
For this go to Admin Panel > Appearance > Customize > Additional CSS and paste below given CSS.
.site-layout-fluid #featured-slider .container{ margin: 0 auto; max-width: 1170px; }Hope this helps.
Best Regards!!
- You must be logged in to reply to this topic.
