modifying CSS Layout file - can anyone help?

alirob12

Hi

I have added a paypal button to my site, but unfortunatelly it is not displaying properly in either in IE8 - its stretched and distorted, and in Firefox - it has 2 funny lines above it. I know something needs to be altered in the layout file, but i have no idea what. I have tried but unfortunatelly - unsuccessful. If i change the index.php to index.htmp - the paypal button is as it schould. any idea anyone?

Thank you

thanks

newuser78

In Line 54 in layout.css:
input, textarea {
border: 1px solid #999999; color: #290302;
display: block;
height: 16px;
width: 22em;
}

Not sure why you set height and width of ALL inputs including buttons. If you don't need then, simply remove or comment out the last two lines, e,.g.
input, textarea {
border: 1px solid #999999; color: #290302;
display: block;
/* height: 16px;
width: 22em; */

}

If you do need to keep it as it is then best thing would be:
<form method="post" action="https://www.paypal.com/cgi-bin/webscr"&gt;
.......
</form>

to:
<form class="paypal-form" method="post" action="https://www.paypal.com/cgi-bin/webscr"&gt;
.......
</form>

and in layout.css, add a new class block:
.paypal-form input {
border: 0 none !important; height: auto !important;
width: auto !important;
padding: 0 !important;

}

or:
.paypal-form input {
border: 0 none !important; height: 86px !important;
width: 21px !important;
padding: 0 !important;

}

The dimensions are based on the image itself: https://www.paypal.com/en_GB/i/btn/btn_paynow_SM.gif

Hope this helps.

alirob12

Brilliant!!! Spot on!! Nicely sorted!! Thank you very much!! I spent ages trying to get it sorted. Thank you.
Just wondering you by any chance know how to centre the google map - I copy the link and sometimes it is displayed correctly and sometimes it is centred in the wrong place?
Many thanks

alirob12

thank you... any idea how i can fix my map too??