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
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024