Rich Text - Remove margins on desktop and centre on mobile

Rich Text - Remove margins on desktop and centre on mobile

ellacoker
Tourist
112 0 15

Hi there,

I would like to remove the margins of the rich text block so that it comes in line with my logo on desktop version, i believe this is 95%. And on the mobile version I would like to centre the rich text block. Please see images attached.

Thank you in advance.Screenshot 2025-01-26 at 10.18.30.pngScreenshot 2025-01-26 at 10.18.20.png

Replies 6 (6)

DaisyVo
Shopify Partner
3711 403 489

Hi @ellacoker 

 

Please share the password of your store

 

Best,

 

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
ellacoker
Tourist
112 0 15

password ellacoker

ellacoker
Tourist
112 0 15

were you able to have a look? thanks daisy

ellacoker
Tourist
112 0 15

Hi James,

I would love some help with the code for that please!

LizHoang
Shopify Partner
901 108 138

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

 

.accordion summary {
    justify-content: center !important;
}

.collapsible-content-wrapper-narrow {
    margin: 0 15% !important;
    max-width: 100% !important;
}

 

Result:

LizHoang_0-1737912050840.png

LizHoang_1-1737912183227.png

 

Best,
Liz

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Check our Joy Rewards & Loyalty Program
ellacoker
Tourist
112 0 15

Hi Liz, unfortunately that didnt work 😞