I am trying to get the second featured product on the home page to have the text on the left and the picture aligned to the right.
I think the code would be something like this, but it didn’t work no matter where I entered it.
#shopify-section-16540464818fed13e1 .product-single {
display: flex;
flex-direction:
row-reverse;
flex-wrap: wrap;
}
Any help is greatly appreciated!
I’m Richard Nguyen from PageFly- Free Landing Page Builder
You can try with this code.
Follow this:
Go to Online Store->Theme->Edit code->base.css->paste bellow code in top of file
.featured-product.product.grid.grid–1-col.gradient.color-background-1.isolate.grid–2-col-tablet {
display: flex !important;
flex-direction: row-reverse !important;
}
It will look like this: https://prnt.sc/s3lXjBc-oTyN
If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.
Best regards,
Richard | PageFly
This moved both columns over to the right. I pasted it at the bottom of the base.css
This moved both columns over to the right. I pasted it at the bottom of the base.css
Is there something I can add to this code?
