Hi, How can I add multiple columns of the image with text overlay in the Prestige theme?
Thanks!
Topic summary
A user seeks to create multiple columns with images and text overlay in the Prestige theme, similar to a reference website (www.agalaiaco.com).
Initial Solutions Offered:
- The theme’s built-in “multi-column” section doesn’t natively support the desired overlay effect
- Custom CSS code was provided to position text absolutely over images in the multi-column section
- Alternative suggestion: use a page builder app if native options are insufficient
Recommended Approach:
- Use the Media Grid section instead of multi-column
- Adjust settings for image column width and row count to achieve the desired layout
- This provides more flexibility for creating the multi-column image display
Outstanding Issue:
- A follow-up question emerged about increasing image height beyond the default 400px maximum in Media Grid
- Solution requires either custom CSS or element modification
- Developer requested the specific page URL to provide a tailored solution
The discussion remains open, awaiting the page URL to address the height limitation.
@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
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.
1 Like
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