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
6827 1629 2007

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 is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

View solution in original post

Replies 5 (5)

PageFly-Henry
Shopify Partner
1184 335 283

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
6827 1629 2007

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 is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for 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
6827 1629 2007

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 is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

ProtoMan44
Shopify Partner
489 42 79

@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!