Jump to content

Need help quick with a Overlay code!

Recommended Posts

I`m trying to get a text box to overlay my top banner - i have a code embeded on the site for making my sections slanted

is there any way to get this section to float over with drop shadow and not beeing slanted - here is a picture of how it looks 

This is the code i`m using.

 

 

[data-section-id="5f1061d0b4db654f5c32cd66"] {
    width: 80%;
    position: absolute;
    min-height: initial!important;
    z-index: 30;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /*&+section {
        padding-top: 40px;
    }*/
    .content-wrapper {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    @media screen and (max-width: 767px) {
        position: relative;
        min-height: initial!important;
        display: block;
        width: 100%;
        overflow: hidden;
        border-radius: 0px;
        -webkit-transform: translate(-50%, 50%);
        -ms-transform: translate(-50%, 50%);
        transform: translate(-50%, -15%);
    }
}

 

Screen Shot 2020-07-16 at 16.28.19.png

Link to comment
  • Replies 3
  • Views 186
  • Created
  • Last Reply

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.