daniellenoakes Posted December 7, 2023 Share Posted December 7, 2023 (edited) hey, i'm looking to customise my carousel on mobile where the body text description and header title is margin aligned in the center (and then only title text align center) and made full width of the screen and have the arrows show above the button on mobile and decrease body copy size thank you! www.annajonesbridal.com/gallery Edited December 7, 2023 by daniellenoakes Link to comment
Solution daniellenoakes Posted December 8, 2023 Author Solution Share Posted December 8, 2023 (edited) i used this code: section[data-section-id="655d10390525957a1bcce67f"] .user-items-list-simple .list-item-content { height: auto ; width: 100%; } section[data-section-id="655d10390525957a1bcce67f"] .list-item-content__text-wrapper>* { max-width: 100% !important; } section[data-section-id="655d10390525957a1bcce67f"] .user-items-list-item-container .list-item-content__title {text-align:center!important;} Edited December 8, 2023 by daniellenoakes Link to comment
tuanphan Posted December 10, 2023 Share Posted December 10, 2023 Did you fix it with CSS code or still need help? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
daniellenoakes Posted December 11, 2023 Author Share Posted December 11, 2023 On 12/10/2023 at 8:16 AM, tuanphan said: Did you fix it with CSS code or still need help? All fixed with code above thank you so much for replying. I also displayed the arrows on the feature but hid them on desktop only to achieve arrows showing on mobile 🙂 thanks! 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