Hello,
I would like to bring in my featured collection padding so that it is inline with my text. What is the code for this? Thank you.
URL: https://www.livwithin.com.au/
PW: pewpog
Hi @ellacoker
You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file
.rich-text__wrapper.rich-text__wrapper--left.page-width {
padding-left: 15px !important;
}
Result:
Best,
DaisyVo
Hi Daisy,
Instead of bringing the text in line with the images, I want to bring the images in line with the text, because if you look below I have that margin on my other sections. Do you know how I bring the product collection section in instead?
Thank you
Hi @ellacoker
You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file
slider-component.slider-mobile-gutter.slider-component-full-width.slider-component-desktop.scroll-trigger.animate--slide-in {
padding-left: 35px !important;
}
Result
Hi @ellacoker
Try using this CSS and let me know if this works or I will share an alternative approach for this.
/* Adjust padding for featured collection /
.collection-list,
.featured-collection {
padding-left: 20px; / Adjust to align with other text /
padding-right: 20px; / Adjust for balance /
max-width: 1200px; / Ensures content doesn’t stretch too wide /
margin: 0 auto; / Centers the section */
}