Jump to content

Customize width, padding card of list

Go to solution Solved by tuanphan,

Recommended Posts

Hi, 

I'm trying to reduce the width of the card list section, so that it aligns with the text boxes above. Changing the padding is only moving the text but leaving the card super wide. Anyone knows how to align this? 

Thank you in advance for your help!

 

Screenshot 2024-04-27 at 13.57.07.png

Link to comment
  • Replies 7
  • Views 459
  • Created
  • Last Reply

Top Posters In This Topic

On 4/30/2024 at 4:11 PM, JuneV said:

Hello Tuan, 

Here is the link https://buffalo-minnow-9d3n.squarespace.com/about-us

password - E123

 

Thank you!

 

You can use this code to Website > Website Tools > Custom CSS

@media screen and (max-width:767px) {
[data-section-id="661eb0a9d08bcb4b8f092a68"] .content-wrapper {
    padding-bottom: 0px !important;
}
}

 

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
Posted (edited)

Hello @tuanphan,

Thanks for your reply!! However, I am still having a difference in padding on the left and right side between the list and the boxes above, so the same borders for lists, shapes etc.. Any way to fix that on the whole website?

 

Screenshot 2024-05-02 at 10.16.06.png

Edited by JuneV
Link to comment
  • Solution
On 5/6/2024 at 2:30 PM, JuneV said:

My apologies, it is public again now. 

You can use this CSS code

@media screen and (max-width:767px) {
    .user-items-list-item-container[data-section-id="6601b2e28549ad6822049828"] {
        padding-left: 5vw !important;
        padding-right: 5vw !important;
    }
}

 

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

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.