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

Re: Edit padding size & section lines - Lorenzo Theme

Solved

Edit padding size & section lines - Lorenzo Theme

pbr1
Visitor
2 0 1

Hi,


I am using the Lorenzo theme which doesn't have anything built in to amend the padding size. 

 

I have two sections which I am trying to reduce padding size to make it appear as if they are one. Above and below my ratings section, is huge padding. I am also hoping to reduce the padding of the three column text section above. Is anyone able to help?

 

pbr1_0-1719589508723.png

 

Secondly, I also have some fine lines that appear between different sections. Is there anyway to remove these or re-colour them to match the website background?

 

pbr1_0-1719589731690.png

 

https://printbyrob.com/

 

Accepted Solution (1)
Made4uo-Ribe
Shopify Partner
10211 2427 3079

This is an accepted solution.

Yeah sure, i already take out the padding from the columns section now I'll reduce from the reivews.

Add this code where you add the 1st code. 

.section.section--bordered {
    padding: 40px;
}

And save. 

result:

Made4uoRibe_0-1719592224325.png

 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

View solution in original post

Replies 5 (5)

PageFly-Henry
Shopify Partner
1184 335 300

Hi @pbr1 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code. 

Step 2: Search file theme.css

Step 3: Paste the below code at bottom of the file -> Save

 

section {

    border: unset !important;

}

.section.section--bordered {

    padding: 0 0 80px 0 !important;

}

section.section.text-columns.section--contrast.text-columns--alignment-center {

    padding-bottom: 0;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Made4uo-Ribe
Shopify Partner
10211 2427 3079

Hi @pbr1 

Check this one. 

  1. From you Admin page, go to Online Store > Themes
  1. Select the theme you want to edit
  2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
  3. Then place the code below at the very bottom of the file.

 

.section-borderable+.section-borderable>.section--bordered {
    border-top: 0 !important;
}
section.section.text-columns.section--contrast.text-columns--alignment-center.collection-list-grid--columns-3 {
    padding-bottom: 0;
}

 

  • And Save. 
  • Result:
  • Made4uoRibe_0-1719590013662.png

    Let me know if the its not enough. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
pbr1
Visitor
2 0 1

Hi,

 

Thanks for the quick response, is it possible to make it even less?

Made4uo-Ribe
Shopify Partner
10211 2427 3079

This is an accepted solution.

Yeah sure, i already take out the padding from the columns section now I'll reduce from the reivews.

Add this code where you add the 1st code. 

.section.section--bordered {
    padding: 40px;
}

And save. 

result:

Made4uoRibe_0-1719592224325.png

 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

ProtoMan44
Shopify Partner
772 60 115

@pbr1  hey, thanks for posting here.
i think best way is customize the theme setting.

- A thirsty developer passionate about supporting the community. If you'd like to, you can  

Buy me a Coffee.


- Your Shopify Solution Specialist Get a Quote at

ProtoMan44

 - 

Chat On Whatsapp


Crafting exceptional e-commerce experiences to elevate your online presence. Let's build your success story together!