How can I align text to the left in Dawn Theme using CSS?

[FFPNF]

Hi 

I am having trouble shifting the text within the rich text box to the extreme left. 

Will like to align it with the para above. 

It looks fine on the desktop however on the mobile, there is some spacing as per the screenshot. 

Is there any CSS code that I can input to remove the spacing and move it closer to the left. 

[made4Uo]

Hi @FFPNF,

Please sure your website so we can provide a code specific for you

[FFPNF]

hi thanks for responding 

it’s in the product page. 

password : Laispotty

https://fluffypawssg.myshopify.com/products/eli-the-dino

[PageFly-Victor]

Hi @FFPNF 

You can try this code by following these steps:

Go to Online store => themes => actions => edit code  and add this code on file theme.liquid before tag </body>

<style>

.rich-text__wrapper.rich-text__wrapper--left.page-width {

    margin-left: 0;

}

.rte ul, .rte ol{
padding-left: 0;
}

</style>

Hope this answer helps.

Best regards,

Victor | PageFly

[BSS-Commerce · Accepted solution]

Hi @FFPNF 

This is BSS Commerce - Full-service eCommerce Agency. We'd love to suggest you this solution:

Step 1:

Step 2:

Find the file base.css or base.scss.liquid and copy this code at the end of the file

@media only screen and (max-width: 749px){
    .rich-text__wrapper.rich-text__wrapper--left.page-width {
        padding-left:0;
    }
}

Hope this help you.

[FFPNF]

This works! Thank you so much 😄

[BSS-Commerce]

Hi @FFPNF

We're happy to see that our suggestion helped you solve the issue. Can you kindly give us a like and mark it as a solution? This can be a reference for other merchants if they have an issue like you.

Thanks in advance.

[Rachel355]

I am having this same issue in Dawn - cannot left align text in Rich Text block.

I tried adding this code to the end of the base.css file but it does not appear to be working..

@media only screen and (max-width: 749px){
.rich-text__wrapper.rich-text__wrapper--left.page-width {
padding-left:0;
}
}

Help!