Streaming live at 10am (PST)

How to make element overflow outside of slider element?


#1

Hey!

Since the slider element has a mask associated with it, I can't make an element overlap. To be more clear, here's the screenshot of my Photoshop mockup showing the starburst overlapping the blue strip:

And when I get it into Webflow, the mask is cutting off the top of the starburst:
http://wheaton-group.webflow.io/

Would it work to expand the top of the mask to accommodate the starburst and then just push the top of the blue strip down to achieve this overlap effect? Is there a better way to do this?

Here's my share link:
https://preview.webflow.com/preview/wheaton-group?preview=78c92440381107c1fcc59c31bd7c4c03


#2

Hi @adiggy

Here's how I would do it by adding a negative margin to the mask and some padding inside:

Of course, then you will need to fix the paddings and margins of the other content in your slider.

​Hope this is helpful.


#3

Yes, this is perfect! It worked! :slight_smile: http://wheaton-group.webflow.io/

Thank you so much for your help, Anna!


#4

You're most welcome @adiggy :slight_smile:


#5

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.