A space to discuss online store customization, theme development, and Liquid templating.
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Someone had answered a question a while back about making pics smaller within the dawn theme, but I'm wondering about the ones on the homepage? What code and where do I put it to make my images smaller because they are huge right now. Not real computer smart here, but if I am given a code and I get an explanation where to put it, I can usually figure it out. Thanks in advance.
Marilyn
Hi Marilyn
We know there are many sections we can create using down theme but can you tell us which section you're talking about. Website URL can help us to find the best solution we can provide.
URL is mtcreationsjust4ullc.com and I am trying to make the pictures on the homepage and the listings a bit smaller because they seem to overpower the screen? Thanks.
Marilyn
in your component-card.css you could set the .card-wrapper to
.card-wrapper {
color: inherit;
display: flex;
flex-direction: column;
position: relative;
text-decoration: none;
width: 75%;
}
that should shrink the images for you. You can change the width property to a size you like
Thank you and will this shrink the images when the customers click on the item and go into the listing to view it? In other words will it shrink all the images throughout my store with this code? Thanks in advance.
No Problem!
It should shrink all images that use that class which was changed in the CSS, if it doesn't, let me know and i'll be happy to provide some CSS to make that happen for you 🙂