tuanphan Posted October 3 Share Posted October 3 List Carousel with Left Text - Right Image, like this. #1. First, you need to change List Carousel to 1 Column. #2. Next, find ID of Carousel. In my example, we will have section[data-section-id="66fdffe11312fe336b2ab908"] #3. Next, use this code to Website Tools > Custom CSS @media screen and (min-width:768px) { section[data-section-id="66fdffe11312fe336b2ab908"] { li.user-items-list-carousel__slide.list-item { flex-direction: row-reverse; align-items: center; } li.user-items-list-carousel__slide.list-item .list-item-content { margin-right: 20px; } .user-items-list-carousel__arrow-positioner { padding: unset !important; position: static !important; } .user-items-list-carousel__arrow-icon-holder { height: 100% !important; position: static !important; } button.user-items-list-carousel__arrow-button { position: absolute; top: 50%; transform: translateY(-50%); } ul.user-items-list-carousel__slides.user-items-list-carousel__slides--initialized { max-width: 90%; margin: 0 auto; } } } 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment