Hello, I need assistance setting up photographs.
It seems cluttered when I post simply one image after another for each item.
How may I change the code such that the images are shown in a more sensible sequence?
Perhaps boxes below or to the side of the image, and only one large image at a time.
I am using the Dawn theme.
My website is https://yourfurn.com/
Hi,
Please try the below code and let me know if this fixed your issue:
.card--extend-height.card--standard.card--text, .card--extend-height.card--media {
display: block !important;
}
Regards,
Gabriel
I didn’t ask a specific enough query.
When a customer is on the product page is what I’m referring to.
There is only one image following another, and it doesn’t appear to be very professional.
I am attaching an image of a different website displaying a table, there is one main image and the rest of the images are in smaller below the large image. I want something like that.
The below code should achieve what you are looking for:
@media (min-width:768px) {
ul.product__media-list li:not(:first-child) {
max-width: 25% !important;
}
}
To further modify it, such as adding a slider possibility to the thumbnails, you should consider hiring a web developer. The above code would work ideally if there are up to 4 images.
Kind regards,
Gabriel
While slightly helpful, this is not exactly what I require.
The photos below the main image shrink in size, but they can’t be clicked into to become the main image; the main image always remains the main. The only way to view other images larger than the tiny box is to click into them and be led to the actual image.
I need assistance to make them accessible without going to the image-only page.
Hi @KMichael ,
Thank you for providing your website. I see your using Dawn theme, this can be done without a code edits
This will open a new window. Follow the instructions below
Thank you so much for guiding me to such an easy and simple solution!
