We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

How to minimize padding

Solved

How to minimize padding

NikosBat
Navigator
489 1 108

Hello friends, how can I minimize the padding between titel and image?

 

Bildschirmfoto 2025-01-02 um 12.15.37.png

Accepted Solution (1)

Rahul_dhiman
Shopify Partner
856 168 186

This is an accepted solution.

Hello @NikosBat 
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.

.title-wrapper--no-top-margin {
margin-bottom: 0px !important;
}

Result
106.png

If this was helpful, hit the like button and accept the solution.
Thanks

Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront

Contact here


BEST CUSTOMER ACCOUNTS APP WITH CUSTOM WISHLIST OPTION 
TRY OUR APP :

PWC: Customer Accounts & Pages

View solution in original post

Replies 7 (7)

websensepro
Shopify Partner
2144 268 319

Hi  @NikosBat , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP

websensepro
Shopify Partner
2144 268 319

Hi @NikosBat 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

 

.title-wrapper-with-link.title-wrapper--self-padded-tablet-down.title-wrapper--no-top-margin {
    margin-bottom: 2px !important;
}

 

Result:

websensepro_0-1735820097632.png

 

If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP
websensepro
Shopify Partner
2144 268 319

@NikosBat 

I have updated the above code; paste it, and your issue will be resolved.

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP
NikosBat
Navigator
489 1 108

Thanks Websensepro that solved my problem

Rahul_dhiman
Shopify Partner
856 168 186

This is an accepted solution.

Hello @NikosBat 
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.

.title-wrapper--no-top-margin {
margin-bottom: 0px !important;
}

Result
106.png

If this was helpful, hit the like button and accept the solution.
Thanks

Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront

Contact here


BEST CUSTOMER ACCOUNTS APP WITH CUSTOM WISHLIST OPTION 
TRY OUR APP :

PWC: Customer Accounts & Pages

NikosBat
Navigator
489 1 108

Thanks Rahul_dhiman that solved my problem

 

Rahul_dhiman
Shopify Partner
856 168 186

Happy to help you...!!!

Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront

Contact here


BEST CUSTOMER ACCOUNTS APP WITH CUSTOM WISHLIST OPTION 
TRY OUR APP :

PWC: Customer Accounts & Pages