: Alter the appearance of form elements for Paypal buttons without having to edit the CSS from my theme I have template from ThemeForest and I don't want to edit CSS from this template, because

@Heady270

Posted in: #Css #Html

I have template from ThemeForest and I don't want to edit CSS from this template, because I don't have time for it.

I want integrate Paypal buttons to my web page. The problem is Paypal buttons use a <FORM> tag for payment selection option. I have overloaded style for the <FORM>tag, but it does not look like it should.

How can I do this without using CSS for this element? I don't want use <IFRAME> and I don't want to edit the CSS if I can avoid it. This CSS look weird, must I edit it to solve this problem?

/*//// - Forms - ////*/
form {
margin-bottom:20px;
}
body.ie7 form, body.ie8 {
margin-bottom:40px;
}
form p {
margin-bottom:15px;
}
form label {
float:left;
width:140px;
margin-top:5px;
}
form input, form textarea, form select {
padding:10px 5px;
background:#fff url(../img/bg-input.gif) repeat-x top;
border:1px solid #D9D9D9 ;
width:448px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
form input.small {
width:35px;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header,
hgroup, menu, nav, section, menu,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

Vote Up Vote Down

Login to post a comment!