Shopify themes, liquid, logos, and UX
Hi,
I have a page in Dawn theme with 3 sections where I use an image collage. I am only using a single image (custom graphic) in two of the collage sections, and the image is taking up the width of the whole page in desktop view. This makes the image/graphic look huge. How can I decrease the overall width of the graphic/image (s) on the screen to 50% (or maybe 75%) of the page width so that it matches the width of the rest of the text and contact form on the page? And will this still look okay on mobile view? I have included some screen shots of the three collage sections (in desktop view) as they compare to the rest of the text on the page.
Thanks for any help!
@coffeegal24
Can you share the site URL where you used this? Do you want the image in the left column and the contact form in the right area, or do you prefer the last images?
The URL is: https://0a74d2-2.myshopify.com/
Password: ubowyu
Page I need help with: Wholesale
For the top two graphic images, I need them to be single images centered on the page (but at 50-75% of their current width). For the collage of images at the bottom of the page, I would also like the overall collage to be 50-75% of it's current page width. The contact form doesn't need to be moved.
@coffeegal24
You can add this css in your elements custom CSS are like my screen shot
@media (min-width: 1024px) {
.collage-card .media {
margin: 0 auto; /* Centers the media element */
max-width: 50%; /* Sets the maximum width to 50% */
}
}
Let me inform it solved your issue or not.
Sadly it didn't change anything.
Hello, It must work, if you insert in the current elements custom css area.If you want we can check and implement in your site. If you send me collaboration code in your store in personal message, I will request collaboration access . It will help you to solve.
There is no class elements that is why need to insert element wise.
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