Image size for a media block over 2 columns.

Using Eurus theme. Website is born2bfreegifts.com

If you look at the “shop barware” on the homepage it does not fit in the block correctly. Trying to figure out what size i need this to be to fit properly.

Hi @Born2BFreeGifts ,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

Thanks for the response!

Two things: First it looks like code as forgoteen.

Second *and most important lol - I don’t have a base.css file that I can seem to find - even searched for it

Please share the store Password @Born2BFreeGifts

@CodingFifty zeofea

Hi @Born2BFreeGifts ,

.cell-template--18779011449058__4352d226-8e70-4b9d-94d5-8f8b0e27084b-1 img.w-full.object-cover.z-0.h-full.image-hover.hidden.md\:block.absolute.top-0.left-0.block.animate_transition_image.active {
    object-fit: inherit !important;
}

That didn’t seem to work :disappointed_face:

Could you please share a screenshot of the code?

Please try this code. @Born2BFreeGifts


So that made it fit, but it’s super squatty and not proportional now. What should I make the image dimensions to fix this?

Hi @Born2BFreeGifts ,

Please try this code.


That fixed the proportion, but now it doesn’t take up the two columns as it should. Looks out of place.

The size of your image is limited, so it might be like this.

You can use this code instead; it’s better.


That will work thank you!

Can you help me do the same with the other images in that section and the top banner?

The heads are being cut off

@Born2BFreeGifts ,


Please mark the solution,