- This topic has 4 replies, 3 voices, and was last updated 2 years, 1 month ago by .
Viewing 5 posts - 1 through 5 (of 5 total)
Viewing 5 posts - 1 through 5 (of 5 total)
- You must be logged in to reply to this topic.
Home › Forums › Pro Themes › Business Field Pro › Fixing Featured Slider Size
Tagged: Slider CSS Home Page
Hi,
The featured slider is too big on our page. I’ve tried to crop, resize images to the recommended 1920 x 800 px and less to get the images to display correctly but the slider depth appears fixed and goes past the bottom of the page.
I have tried CSS such as .featured-slider article { height: 500 px} and max-height but these don’t seem to have any effect.
What we want is the bottom of the image to align with the bottom of a typical screen size/resolution so that a visitor can see there is more when scrolling down.
Any help please?
Could you please share your site URL? We will check and provide CSS that works for you
Hi Psink,
Sure, site is currently on http://beachenergy-co-uk.stackstaging.com/
Hi Adamhun,
Please add the following CSS into additional CSS.
#main-slider img {
height: 500px;
object-fit: cover;
}
You can adjust the height as per your need.
Regards
This worked perfectly, thank you!!
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. |