Why is my FAQ page indenting on the website but not in admin?

Solved

Why is my FAQ page indenting on the website but not in admin?

gmpromise
Tourist
7 0 1

Hello! I'm trying to update my FAQ page, but in the admin everything looks fine, but in the FAQ published website, there is a shifted margin that makes the second half not match the first half. here are pictures attached, i am using the dawn shopify website template. as you can see, where its circled, there is suddenly an indent that didn't happen before. I don't know how to fix this as it looks fine in the admin view.

Screen Shot 2022-08-01 at 9.00.48 PM.pngScreen Shot 2022-08-01 at 9.02.06 PM.png

Accepted Solution (1)
suyash1
Shopify Partner
9532 1190 1529

This is an accepted solution.

@gmpromise - Ic hecked code, it is added as a grid, not sure how exactly the code was inserted . removing it will need access to code, but for now you can ad this css to solve the issue, add this to the very end of you base.css file

.rte .grid .grid__item {width: 100%; max-width: 100%;}

 

 

suyash1_0-1659418294231.png

 

Support me | To build shopify pages use pagefly | You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

View solution in original post

Replies 8 (8)

suyash1
Shopify Partner
9532 1190 1529

@gmpromise - it might be due to margin for unordered list tag ul

Support me | To build shopify pages use pagefly | You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
gmpromise
Tourist
7 0 1

thank you for your response, but i don't know what that means or how to go about fixing the problem

suyash1
Shopify Partner
9532 1190 1529

@gmpromise - can you please share this page link?

Support me | To build shopify pages use pagefly | You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
gmpromise
Tourist
7 0 1
suyash1
Shopify Partner
9532 1190 1529

This is an accepted solution.

@gmpromise - Ic hecked code, it is added as a grid, not sure how exactly the code was inserted . removing it will need access to code, but for now you can ad this css to solve the issue, add this to the very end of you base.css file

.rte .grid .grid__item {width: 100%; max-width: 100%;}

 

 

suyash1_0-1659418294231.png

 

Support me | To build shopify pages use pagefly | You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
gmpromise
Tourist
7 0 1

thank you! i tried to do it, but I am still new at the code thing, so i don't think i did it right unfortunately, here is what happened

Screen Shot 2022-08-01 at 10.38.03 PM.pngScreen Shot 2022-08-01 at 10.37.53 PM.png

suyash1
Shopify Partner
9532 1190 1529

@gmpromise - not here, add to the end of base.css file

Support me | To build shopify pages use pagefly | You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
gmpromise
Tourist
7 0 1

it worked, thank you so much!