Bring in featured collection padding

[ellacoker]

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

[DaisyVo]

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

[ellacoker]

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

[DaisyVo]

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 

[Dotsquares]

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 */
}