Make Submit Button Image hang over

[moxiegirl]

I would like my "button" here to overhang the bottom of the orange bar area and make the orange bar area shorter. When I make the orange bar area shorter, so is my button. And it is cut off.

How do I make it look like it is on top of the orange bar and hanging over the bottom?

http://www.demo.websparklers.com/

[Jeremy]

Hi Moxie Girl,

On line 1150 try this...

input[type="button"], input[type="submit"], #home-slider a.more-link {
background: transparent url(http://www.demo.websparklers.com/wp-content/uploads/2013/07/leaf-dagreen.png) center 0px no-repeat;
border: 0px solid #FFFFFF;
bottom: -21px;
display: block;
text-indent: -9999px;
height: 75px;
margin-bottom: x;
margin-bottom: -100px;
right: 0;
width: 85px;
text-transform: capitalize;
}

Then play around with the padding on the form

---

If you want to say thanks Follow me on Twitter | My Website

[moxiegirl]

Jeremy! You're my hero! I only wish I have saved what I had there before to know what made the difference.

You are my new best CSS guru! 🙂

Thanks so much!!

[Jeremy]

Happy to help.

---

If you want to say thanks Follow me on Twitter | My Website

[moxiegirl]

Curious... this would change the submit for all the submit buttons sitewide, correct? So If I want to isolate only the button on the home page, what would I call out? #input#mc-embedded-suscribe.button?

[Author]

Posts