mcarson21 Posted April 20, 2022 Share Posted April 20, 2022 Site URL: https://www.teamhammercock.com I am trying to change the height of the banner slideshow on the homepage of the website I am working on. I have tried custom code for that data section but when I do that the text and arrows get cut off and are no longer centered, please help. Link to comment
tuanphan Posted April 24, 2022 Share Posted April 24, 2022 Try adding to Design > Custom CSS /* Home Mobile Slideshow */ @media screen and (max-width:767px) { [data-section-id="6260642eee78e95fdf168c63"] .user-items-list-item-container.user-items-list-banner-slideshow ul { height: 45vh !important; min-height: unset !important; } .slide-content.list-item-card-background { max-width: 100% !important; margin: 0 !important; } }} Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
mcarson21 Posted April 25, 2022 Author Share Posted April 25, 2022 On 4/23/2022 at 10:58 PM, tuanphan said: Try adding to Design > Custom CSS /* Home Mobile Slideshow */ @media screen and (max-width:767px) { [data-section-id="6260642eee78e95fdf168c63"] .user-items-list-item-container.user-items-list-banner-slideshow ul { height: 45vh !important; min-height: unset !important; } .slide-content.list-item-card-background { max-width: 100% !important; margin: 0 !important; } }} Thank you for the response, for some reason this code doesn't seem to adjust the height, it is also giving me a missing opening error. Link to comment
tuanphan Posted April 27, 2022 Share Posted April 27, 2022 On 4/26/2022 at 3:14 AM, mcarson21 said: Thank you for the response, for some reason this code doesn't seem to adjust the height, it is also giving me a missing opening error. Sorry, I wrote a missing symbol Try this new code /* Home Mobile Slideshow */ @media screen and (max-width:767px) { [data-section-id="6260642eee78e95fdf168c63"] { .user-items-list-item-container.user-items-list-banner-slideshow ul { height: 45vh !important; min-height: unset !important; } .slide-content.list-item-card-background { max-width: 100% !important; margin: 0 !important; } }} Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment