Reducing Shopping Page Padding

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

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

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 

@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*/
}
}

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.