How can I adjust text width and reduce white space in a section?

Store Design
1

Hi,

how to find the # section to add in the code

and can you send me the code to modify the widht of the text to be full and also modify the spcing in between where there is white

Capture d’écran (18).png
Capture d’écran (18).png1920×1080 240 KB

2

Hi @Lesparentales

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

-Go to Online Store->Theme->Edit code

-Asset → theme.css paste the below code at the top of the file.

#RichText–template–15476847575210__164718396614c37ea9 .wrapper.wrapper–small.text-center{

width:100% !important;

}

#RichText–template–15476847575210__164718396614c37ea9{

padding-bottom:0 !important

}

#LogoList–template–15476847575210__165564780201e0eb66{

padding-top:0 !important

}

PageFly_0-1663815523014.png
PageFly_0-1663815523014.png1366×768 164 KB

Best Regards;

PageFly

3

Hi @Lesparentales , it’s Layoutbase here.

We would like to provide you with our thoughts on your question.

Based on the selection name in “customize”, find the section that you would like to modify

This one will update the width of all blocks that use this section (rich text)

  1. Go to Online Store->Theme->Edit code
  2. sections/rich-text.liquid
  3. remove “wrapper–small” class

If you only want to update this section after that, follow this code below

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste the below code at the bottom of the file.
.template-index #MainContent .shopify-section:nth-child(11) {
	padding-bottom: 0;
}
.template-index #MainContent .shopify-section:nth-child(11) .wrapper--small {
	width: 100%;
}

Hope you find our suggestion helpful.

Best regards,

Layoutbase

Please let us know if you find it helpful by giving us a LIKE and Mark as Solution.

Layoutbase is a leading Shopify page builder. Give us a try HERE!

4

Hi @Lesparentales ,

1: With id section: Refer https://blog.hubspot.com/website/how-to-inspect

You just need to debug it and look here you will find the section id, for example:

Screenshot_19.png
Screenshot_19.png1684×760 120 KB

=> code: #shopify-section-template–15476847575210__164718396614c37ea9

2: Go to Assets > theme.css and paste this at the bottom of the file:

#RichText--template--15476847575210__164718396614c37ea9 {
	padding-bottom: 0 !important;
}
#RichText--template--15476847575210__164718396614c37ea9 .wrapper--small {
	width: var(--site-width) !important;
}

Hope it helps!