Hi,
I am looking to add a new page to my website and want the page to have an alignment like in the image attached (text beside the image). How do I do this? Currently, I have tried to do it using the formatting option but it doesn’t seem to work properly. Any easy way to implement this style on the page?
Hello @komalkhubani ,
You can try to follow these steps:
Go to Online Store → Pages → Add page
Enter a title for your new page (eg: “New Page”).
To create the multi-column layout like in the screenshot, you can add code like this example:
Text for Column 1
Text for Column 2
Save and preview
Hope this can help. Let us know if you need any further support.
Transcy
Thanks @Transcy
I can see something like this..I pasted the above under under HTML . Was I supposed to paste it somewhere else? Or remove the code that already exists and paste what you suggested?
Hello,
Sorry for the confusion. You pasted the code right. However, you can replace the previous code with this one
Text content for Row 1
Text content for Row 2
Make sure to replace “path_to_image_row1.jpg” and “path_to_image_row2.jpg” with the actual file paths for your images, and customize the “Text content for Row 1” and “Text content for Row 2” with the respective text content you want to display.
Let us know if you can make it.
Transcy
Thanks so much @Transcy it does seem to work https://s29o0hrt55l80e96-60585902338.shopifypreview.com/pages?preview_key=e26d1fa559b07e17ace9528276071755
But when I am adding an image instead of putting the path to the image, I am struggling to align the text. I want the first image to be on the right and text on the left and then the next image to be on the left and text on the right. I seem to be doing something wong.
There was a mistake in the code, this one below should work:
Text content for Row 1
Text content for Row 2
Thank you @Transcy ..It is just becoming too hard as I am adding the image and content to this page.