We'd like to remind Forumites to please avoid political debate on the Forum. This is to keep it a safe and useful space for MoneySaving discussions. Threads that are - or become - political in nature may be removed in line with the Forum’s rules. Thank you for your understanding.
We're aware that dates on the Forum are not currently showing correctly. Please bear with us while we get this fixed, and see Site feedback for updates.
modifying CSS Layout file - can anyone help?

alirob12
Posts: 809 Forumite

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
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
0
Comments
-
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">
.......
</form>
to:
<form class="paypal-form" method="post" action="https://www.paypal.com/cgi-bin/webscr">
.......
</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.0 -
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 thanks0 -
thank you... any idea how i can fix my map too??0
This discussion has been closed.
Confirm your email address to Create Threads and Reply

Categories
- All Categories
- 348.3K Banking & Borrowing
- 252.1K Reduce Debt & Boost Income
- 452.4K Spending & Discounts
- 240.9K Work, Benefits & Business
- 617.2K Mortgages, Homes & Bills
- 175.7K Life & Family
- 254.1K Travel & Transport
- 1.5M Hobbies & Leisure
- 16K Discuss & Feedback
- 15.1K Coronavirus Support Boards