- This topic has 3 replies, 2 voices, and was last updated 6 years, 7 months ago by .
Viewing 4 posts - 1 through 4 (of 4 total)
Viewing 4 posts - 1 through 4 (of 4 total)
- You must be logged in to reply to this topic.
Home › Forums › Pro Themes › Education Hub Pro › Question about Slider and Fluid Layout?
Tagged: slider
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!!
Cookie | Duration | Description |
---|---|---|
cookielawinfo-checkbox-analytics | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics". |
cookielawinfo-checkbox-functional | 11 months | The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional". |
cookielawinfo-checkbox-necessary | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary". |
cookielawinfo-checkbox-others | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other. |
cookielawinfo-checkbox-performance | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance". |
viewed_cookie_policy | 11 months | The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data. |