Return management just got easier! We’ve launched Customer Self-Serve Returns to all Shopify merchants. Click here to learn more!

Image with text changes

Solved
Timstar
Pathfinder
103 0 35

Hey guys, I was hoping someone could help me. I need help with two changes to my Image with text section (DEBUT THEME) pictured below. I have tried to add code to my theme.scss.liquid file but am having no luck.

1) I would like to extend the grey background the full width of the page

2) Left align the heading"What's in the box" so It lines up with the bullet points

 

This Image with text section is on my product page

 

Thank you for your help in advance. I appreciate the help.

Preview link below (this is a draft theme)

https://bpbc6slukg2nloee-54993551588.shopifypreview.com

 

Screen Shot 2022-10-11 at 11.03.03 pm.png

Accepted Solution (1)

Accepted Solutions
PageFly-Victor
Shopify Partner
5684 1011 2355

This is an accepted solution.

Hi @Timstar .

 

This is PageFly - Advanced Page Builder.

 

You can go to Online store => themes => actions => edit code  and add this code on file theme.css


.page-width{
max-width: unset;
}

.feature-row__item .h3{
text-align: left;
}

 

 

 

Hope this answer helps.

Best Regards,

PageFly

If it’s helpful for you, please let me know by giving it a like or marking it as a solution!


PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.


All features are available from Free plan. Let’s create unique website design with PageFly here.


Shopify Invoice Generator by PageFly – Try It Free!.

View solution in original post

Replies 3 (3)
PageFly-Victor
Shopify Partner
5684 1011 2355

This is an accepted solution.

Hi @Timstar .

 

This is PageFly - Advanced Page Builder.

 

You can go to Online store => themes => actions => edit code  and add this code on file theme.css


.page-width{
max-width: unset;
}

.feature-row__item .h3{
text-align: left;
}

 

 

 

Hope this answer helps.

Best Regards,

PageFly

If it’s helpful for you, please let me know by giving it a like or marking it as a solution!


PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.


All features are available from Free plan. Let’s create unique website design with PageFly here.


Shopify Invoice Generator by PageFly – Try It Free!.

Timstar
Pathfinder
103 0 35

This was a great help! Thank you for your time.

Timstar
Pathfinder
103 0 35

Hi @PageFly-Victor 

Can you please help me with one more thing.

I have one more Image with text section where I would the body copy to be centred. It is on my mobile version.

 

At the moment I'm putting the following code into my theme.scss.liquid file

@media only screen and (max-width: 749px) {
#shopify-section-template--1644120866612d0b09 .rte-setting {text-align: centre;}

}

 but is coming up with an error. I have attached a screen shot below which show you what section I would like you to help me with. Thank you..... again.

 

https://k07bffpuz2vgow9c-54993551588.shopifypreview.com

Screen Shot 2022-10-13 at 6.42.52 pm.png