CODEWITHSUNDEEP
htmlcss
Joey Zaino
Joey Zaino

Reputation: 15

Move Button in front of Div

I want to move a button in front of a div. http://demo.gbaus.com/index.html In the website the GET A Quote button is not clickable unless you click the very bottom. I want it to be moved to the front so you can click it.

posotion: absolute;
float: right;
margin: 0px 50px 54px 0px;
font-size: 30px;
line-height: 30px;
color: #fff;
padding: 17px 25px 18px 25px;
z-index: 9999 !important;

Thats the css right now.

Upvotes: 0

Views: 4458

Answers (1)

Jacob Swain
Jacob Swain

Reputation: 82

Change your css to this:

.quote {
    background-color: #2380BE;
    background-image: linear-gradient(to bottom, #268BCF, #1A5F8C);
    background-repeat: repeat-x;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 30px;
    line-height: 30px;
    margin: 0 50px 54px 0;
    padding: 17px 25px 18px;
    text-decoration: none;

    //Add these
    position: relative;
    z-index: 100;
}

I grabbed this from your site, not the code shown in the question. And as said above, remove this "display:absolute"

Upvotes: 3

Related Questions