Switch Grid Column - Left to Right

Design help Layout & Design
1

Hello all.
I have a grid layout that I’m trying to flip with CSS (in anticipation of using it for a CMS Collection).

I’m using the following CSS

<style>
.div-block-33:nth-child(even){
  direction: rtl;
}
</style>

Here’s how it looks in Designer:

image
image1910×1815 229 KB

Here is how I want it to look - just the columns switched, I want my text to still be left aligned:

image
image1900×1653 211 KB

But this is what’s happening - in the second row, the text is changing to right-align:

image
image1920×915 94.9 KB

How can I only change the column layout, without affecting the content alignment inside?

Here is my site Live Preview: [LINK]

2

@antonyx6 use the below code instead of rtl it will solve your problem

.div-block-33:nth-child(even) .div-block-31
{
order:1;
}

3

Amazing. Thank you so much.

1 Like