How can I reverse the image text layout in the Dawn theme?

Store Design
1

Hello there,

I’m using the Dawn theme and would like to be able to reverse the position from the Image with Text.

Wallitron_0-1677243545989.png
Wallitron_0-1677243545989.png1179×442 19 KB

Thanks in advance!

2

@Wallitron

.image-with-text__grid.color-background-1.grid.grid--gapless.grid--1-col.grid--2-col-tablet {
    display: flex;
    flex-direction: row-reverse;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

3

Hi @Wallitron ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/component-image-with-text.css->paste below code at the bottom of the file:

.image-with-text__grid {
    flex-direction: row-reverse !important;
}

I hope it would help you
Best regards,

Richard | PageFly

4

Hey there! Thanks for the reply, I did add the code but I still do not see the option to change order.

5

Hi @Wallitron ,

I tried the code on my Dawn theme demo and it works fine.
Can you send the site link and password if any, so we can check it for you?

6

Hi @PageFly-Richard ,

oh that’s strange. Sure thing, thanks for your time.

Link: https://wallitron.com/products/freeway-wallet%E2%84%A2-smart-air-tag-wallet-88219

PW: shayba

7

Hi @Wallitron ,

I checked. Looks like it worked with my code already.
When I disable my code it shows default:

PageFlyRichard_1-1677500443479.png
PageFlyRichard_1-1677500443479.png1351×619 221 KB

And this is when using my code:

PageFlyRichard_0-1677500313723.png
PageFlyRichard_0-1677500313723.png1764×932 276 KB

Not sure if what you mean?

Best regards,

Richard | PageFly

8

Hi @PageFly-Richard ,

I’m sorry that was my fault, I was looking for an option to change it in the menu, so I can have the option to choose in which format I want it.

Wallitron_0-1677501372138.png
Wallitron_0-1677501372138.png331×847 15.8 KB

9

Hi @Wallitron ,

This part is custom work.
You may try contacting Shopify support or finding another expert regarding this issue.

Best regards,

Richard | PageFly