Jump to content

Reducing Shopping Page Padding

Go to solution Solved by Mdhanjal,

Recommended Posts

  • Replies 6
  • Views 348
  • Created
  • Last Reply

Top Posters In This Topic

.products.collection-content-wrapper {
    padding-top: 0vw;
    padding-bottom: 4vw;
}

 

Hi, I'm BITTU. A website developer with 10 years experience with Squarespace. if you need help and work with me email me here :- mandeepsquarespace@gmail.com

Website:-  dhanjalsolution.com

Best Hourly Rate :- $15 Per Hour

Link to comment
On 2/4/2023 at 4:35 PM, Mdhanjal said:
.products.collection-content-wrapper {
    padding-top: 0vw;
    padding-bottom: 4vw;
}

 

Thank you very much for your help!

It looks like this removed the padding above the title, but the space on the bottom remains - is there another code to remove this?

And might I be able to add a line in that will make the title font smaller (by 1/2 to 1/4 in size)?

URL: https://www.silkyloungewear.com/shop/shop-all

Link to comment
  • Solution
@media screen and (min-width: 576px){
.tweak-products-nested-category-type-sidebar.tweak-products-category-title .products.collection-content-wrapper .nested-category-title {
    padding-bottom: 20px;
    margin-bottom: 37px;
    position: relative;
    display: flex;
    flex-direction: row;
}
}

 

Hi, I'm BITTU. A website developer with 10 years experience with Squarespace. if you need help and work with me email me here :- mandeepsquarespace@gmail.com

Website:-  dhanjalsolution.com

Best Hourly Rate :- $15 Per Hour

Link to comment
On 2/6/2023 at 1:33 PM, Mdhanjal said:
@media screen and (min-width: 576px){
.tweak-products-nested-category-type-sidebar.tweak-products-category-title .products.collection-content-wrapper .nested-category-title {
    padding-bottom: 20px;
    margin-bottom: 37px;
    position: relative;
    display: flex;
    flex-direction: row;
}
}

 

Thank you for all your help Bittu! 

And last question: how can I make the heading text smaller? 

Thanks again!

Lydia 

Link to comment
@media screen and (min-width: 576px){
.tweak-products-nested-category-type-sidebar.tweak-products-category-title .products.collection-content-wrapper .nested-category-title {
    padding-bottom: 20px;
    margin-bottom: 37px;
    position: relative;
    display: flex;
    flex-direction: row;
   font-size: 32px;  /*here you can change size*/
}
}

 

Hi, I'm BITTU. A website developer with 10 years experience with Squarespace. if you need help and work with me email me here :- mandeepsquarespace@gmail.com

Website:-  dhanjalsolution.com

Best Hourly Rate :- $15 Per Hour

Link to comment
4 minutes ago, SilkyLoungewear said:

Thank you for all your help Bittu! 

And last question: how can I make the heading text smaller? 

Thanks again!

Lydia 

Thank you for your feedback.

Hi, I'm BITTU. A website developer with 10 years experience with Squarespace. if you need help and work with me email me here :- mandeepsquarespace@gmail.com

Website:-  dhanjalsolution.com

Best Hourly Rate :- $15 Per Hour

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.