Jump to content

customise mobile simple list carousel, move body text/description to center

Go to solution Solved by daniellenoakes,

Recommended Posts

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!

Screenshot 2023-12-07 at 10.50.26.png

 

www.annajonesbridal.com/gallery

Edited by daniellenoakes
Link to comment
  • Replies 3
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

  • Solution

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 by daniellenoakes
Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.