angelaw Posted July 7, 2022 Share Posted July 7, 2022 Hello, I'm wondering if there is any code that can move the image to the left side of the text within a card in list sections? Link to comment
tuanphan Posted July 8, 2022 Share Posted July 8, 2022 List Slideshow, List Carousel or? This is an example with List Banner Slideshow: https://thung.squarespace.com/list-section-left-image-right-text?noredirect Pass: abc Add code to Page Header <style> @media screen and (min-width:992px) { .user-items-list-banner-slideshow[data-card-horizontal-position="left"] .slide { justify-content: space-between; grid: unset !important; } .user-items-list-banner-slideshow .slide-media-container { width: 50%; } .user-items-list-banner-slideshow .slide-content { margin-left: 55%; } .desktop-arrows.arrow-container.arrow-container--right { right: calc(50% + 6vw) !important; } button.user-items-list-banner-slideshow__arrow-button * { display: none; } button.user-items-list-banner-slideshow__arrow-button.user-items-list-banner-slideshow__arrow-button--left:before { content: "\f053"; font-family: "Font Awesome 5 Free"; font-weight: bold; font-size: 30px; color: white; } button.user-items-list-banner-slideshow__arrow-button.user-items-list-banner-slideshow__arrow-button--right:before { content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: bold; font-size: 30px; color: white; } } </style> And here for List Carousel: https://thung.squarespace.com/list-carousel-half-text Pass: abc Add code to Page Header <style> @media screen and (min-width:992px) { ul.user-items-list-carousel__slides.user-items-list-carousel__slides--initialized { grid-gap: 0 !important; padding: 0 !important; } .user-items-list-carousel__gutter { padding: 0 !important; } li.user-items-list-carousel__slide.list-item { flex-direction: row !important; align-items: center !important; } .list-item-content { padding: 20px; } .user-items-list-carousel__arrow-positioner { padding-bottom: 30% !Important; } } </style> angelaw 1 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
angelaw Posted July 20, 2022 Author Share Posted July 20, 2022 Perfect! Thank you SO MUCH @tuanphan! 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