Shopify themes, liquid, logos, and UX
Hi, How can I add multiple columns of the image with text overlay in the Prestige theme?
Thanks!
Solved! Go to the solution
This is an accepted solution.
Hi, @luke01
In Prestige theme you can use media grid, then you can set each image option , then you can set the row count and the it will show , like my image.
Set image column width and also row count.
My image is white that is why the text do not show clearly, you can adjust them from their options.
Hope your issue will solved.
@luke01 - I think there is no section which provides multiple columns, but contact support to check if they provide it in recent updates.
Or else you will need to use some page builder app.
Hi, In Prestige theme their is a section called muti-column , where you can insert image and text but not able to do what you like . If you insert this code in your multi-column section CSS
.snap-center {
position: relative;
}
.prose {
position: absolute;
top: 50%;
padding: 20px;
background-color: aquamarine;
}
It will look like bellow image in store front.
I think you are looking for something like this. If you share your store URL and what you like, we can help you.
Thank you
Hi, I want it to look like this, I want to have my header to look the same:
Hello, is this new question. If yes can you post new thred.
Secondly, is the three column solution is ok for you or you asked something else .
It's not a new question. I was looking for what I showed in the link https://www.aglaiaco.com/en
This is an accepted solution.
Hi, @luke01
In Prestige theme you can use media grid, then you can set each image option , then you can set the row count and the it will show , like my image.
Set image column width and also row count.
My image is white that is why the text do not show clearly, you can adjust them from their options.
Hope your issue will solved.
Hi Arif, thanks for the solution, is there a way to increase the height of these images beyond 400px?
By default, it only allows a maximum of 400 px
It can be done with force custom CSS or by modifying the elements. can you share the page URL where you used. i will try to find a solution for you.
thank you
Find Global Growth Opportunities For Your Business with Shopify AcademyLearn how to exp...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025