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
Solution tuanphan Posted April 27, 2022 Solution 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
GailCucumber Posted October 24 Share Posted October 24 Hi, I am trying to change the height of the slideshow banner at the top of this page so that it is smaller and users don't have to scroll to reach the next part of the page https://www.cucumberfields.co.uk/ I have tried using the code you have shared above but it doesn't change anything. Can you offer any other suggestions? Thank you Link to comment
Web_Solutions Posted October 24 Share Posted October 24 (edited) 7 minutes ago, GailCucumber said: Hi, I am trying to change the height of the slideshow banner at the top of this page so that it is smaller and users don't have to scroll to reach the next part of the page https://www.cucumberfields.co.uk/ I have tried using the code you have shared above but it doesn't change anything. Can you offer any other suggestions? Thank you Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS. Add these code on the very bottom on the Custom CSS section. You can change height value 80vh to as your need like 85vh or 75vh..... html body:not(.sqs-edit-mode-active) .wm-slider-container { height: 80vh !important; } Edited October 24 by Web_Solutions If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible. Link to comment
GailCucumber Posted October 24 Share Posted October 24 Oh great thank you - this has worked! 🙂 Link to comment
GailCucumber Posted October 24 Share Posted October 24 Next question... I need to change the font of Heading 2 font to the one that's currently programmed with Heading 4. Any ideas? Link to comment
Web_Solutions Posted October 24 Share Posted October 24 3 minutes ago, GailCucumber said: Next question... I need to change the font of Heading 2 font to the one that's currently programmed with Heading 4. Any ideas? Yes, here is the code h2 { font-family: 'Fields of Wildflowers' !important; } If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible. Link to comment
Web_Solutions Posted October 24 Share Posted October 24 Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS. at bottom If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible. Link to comment
GailCucumber Posted October 24 Share Posted October 24 OK thanks, I have don that. Whilst it now comes up as the same font, the size is too big and I want it the same size as Heading 4 - could you tell me what code I need for that? Link to comment
Web_Solutions Posted October 24 Share Posted October 24 4 minutes ago, GailCucumber said: OK thanks, I have don that. Whilst it now comes up as the same font, the size is too big and I want it the same size as Heading 4 - could you tell me what code I need for that? You can change the size on design section. Follow the instructions in the images. tuanphan 1 If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible. Link to comment
GailCucumber Posted October 24 Share Posted October 24 Great thank you. You are so helpful! 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