How can I align a rich text button to the left in the Dawn theme?

Store Design
1

Hi, I have this go back button made with rich text section:

https://www.nichevinyl.com/pages/decals

But it is centered and I would like to have it aligned to the left on top of the word decals.

I appreciate your inputs, thank you.

2

Hi (nice site btw!)

Here’s a code snippet that’ll work:

#shopify-section-template--16640634912999__56c61ac5-6f37-4079-84ad-c54054c22ff9 .rich-text__wrapper.rich-text__wrapper--center.page-width {
    justify-content: flex-start;
}
#shopify-section-template--16640634912999__56c61ac5-6f37-4079-84ad-c54054c22ff9 .rich-text__buttons {
    display: flex;
    justify-content: flex-start;
}

Insert that into your theme.liquid file (online store > themes > click ‘…’ on the theme you want, then ‘edit code’). Insert it at the bottom of the file, right before the ‘’ tag.

Alternatively, you can also use the app Easy Edits to make the edit yourself without touching any code, just clicking and then drag and drop. You can make the edit and delete the app without paying for anything, and keep the edits.

Fair disclaimer, Easy Edits is an app I’ve worked on. If you need any help inserting the code or using the app, just let me know!

1 Like
3

Hi @urbantis

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css.

Step 3: Paste the below code at bottom of the file → Save

.rich-text__blocks {

max-width: 100% !important;

}

.center {

text-align: start !important;

}

.rich-text__buttons {

justify-content: left !IMPORTANT;

}

PageFlyVictor_0-1669950016299.png
PageFlyVictor_0-1669950016299.png220×166 2.49 KB

Hope that my solution works for you.

Best regards,

Victor | PageFly

1 Like
4

Thanks for your answer, I added the code but it is not working, am I missing something? I appreciate your help, thanks