CMS Development

mkarsten
Top Contributor

Collage with rollover - not horizontally aligned

I've been asked to do something similar to the collage under the Lifelong Learning section on https://littlebits.com/, but with rollovers instead of the type of overlay they have. I've done rollovers, but the grid used doesn't line up the images horizontally, so I'm not sure how to get this layout. I know some html and work with CSS, but have limited experience.:)

 

Is it possible to put empty an module where the large image overlaps the other modules and use positioning? Or is there a better way to approach this?

0 Upvotes
3 Replies 3
jennysowyrda
Community Manager
Community Manager

Collage with rollover - not horizontally aligned

Hi @mkarsten,

 

Do you have a link to the page you are working on so we can see what you have built so far? 

 

I wanted to share this resource as a starting point as well.

 

The more information, screenshots and details you can provide, the better the Community can assist!

 

Thank you,

Jenny

0 Upvotes
mkarsten
Top Contributor

Collage with rollover - not horizontally aligned

 I haven't started on this part of the page yet, so there's no link to share. I was still working on another page for this project, and was waiting to see what the best direction to take is before putting too much time into it. Thanks for the link about overlays, I've got that part down.:)

0 Upvotes
mkarsten
Top Contributor

Collage with rollover - not horizontally aligned

Getting ready to dig into this. I remembered doing an SVG image map a while ago for another campaign (https://info.pitsco.com/win-with-expeditions), which didn't use rollovers, but they're easy enough to add, so going to try that route for this.