SilkyLoungewear Posted February 4 Share Posted February 4 Hello there! I am trying to reduce the padding above and below the title of my shopping page title. Link: https://www.silkyloungewear.com/shop/shop-all Might there be a custom CSS for this? I'd also like to reduce the size of the large heading, to about 3/4 the size perhaps. Thanks! Lydia Link to comment
Mdhanjal Posted February 4 Share Posted February 4 .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
SilkyLoungewear Posted February 5 Author Share Posted February 5 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 Mdhanjal Posted February 6 Solution Share Posted February 6 @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
SilkyLoungewear Posted February 7 Author Share Posted February 7 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
Mdhanjal Posted February 7 Share Posted February 7 @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
Mdhanjal Posted February 7 Share Posted February 7 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment