Thanks so much Elliott, and sorry about my confusing question – I must’ve only typed half of my thought. I was asking how to remove it, but I see that “modern” style removes it.

Thank you!

Hey guys,

Thanks for your responses.
Andy and Josue, both of your solutions helped make the images fit inside the box so they’re not cut off, thank you so much.

I’m still a little confused about the image sizes – my understanding is that wider images (ratio of 16:9+) will be displayed at twice the width (same height) as the 1:1 images. I resized all of my images to either 600×600 (square 1:1) or 2400×1350 (16:9). but the wider images are showing up as half height same width, instead of double width same height.

I got this response from Elliott (not sure why it isn’t here, maybe he deleted it?)
“Right now they are all displaying as the same width, 400 x 400 but some are 400 x 225. Are you wanting to make it so the bigger ones will take up two columns? If so then you need to resize them so the aspect ratio is a bit more towards 16:9, so just increase the width a bit more.”

–Yes, I want the bigger ones to take up 2 columns. But I don’t understand, the ratio should be correct already (all wide images are 2400×1350 already) , and I just tried making one of them wider (1350×600) and nothing worked. 16 is the width and 9 the height right?

Anyone have any ideas? what am I missing?

Thank you,

b.

Thank you so much Arvish.

Since the colored sections can only be full width, I’d love a solution that doesn’t involve them. Especially because the reason I want a semi-opaque gray background behind my text is because I have a colored section with an image as my background, text on top, and in some places it is difficult to read.

It’d be best to be able to apply a semi-opaque background to:
1) text block
2) special heading
3) icon box

Is this possible?

Thanks thanks thanks!

Thanks Yigit! Can you also tell me how to make the background for the caption – currently white – semi-opaque?

I tried this:

.page-id=220 .box .av-masonry-entry {
background: rgba(255,255,255,0.5);
}

and this:

.template-page.content .box{
background: rgba(255,255,255,0.5);
}

but no luck. Thank you so many time over, this project is draining me.

Thanks so much. Can you help me determine how to make the gallery items all the same size and a square? They’re coming out as rectangles.