Dear Friends
http://www.edswaterproofing.com
My client wants to squeeze one more item into extra elements which is a button called by this form code:
form name=”PrePage” method = “post” action = “https://Simplecheckout.authorize.net/payment/CatalogPayment.aspx”> <input type = “hidden” name = “LinkId” value =”08f9ee99-6338-4c5a-9832-4451cbc230dd” /> <input type = “submit” value = “Pay Now” /> </form
I think the button that gets called is 88.75 x 31 px
The problem is that the button and the other text end up on two lines. I already have a little css affecting that area:
#top .phone-info {
font-size: 20px;
background-color: white;
}
.phone-info {
position: relative;
top: 10px;
}
How can I modify the extra elements area so the text link, phone number, button and linkedin icon appear in a single line at full-screen view? Thanks much
ps how do I add a screenshot to this post.
Hey rdswestnet,
You need to add display: inline-block; to the button like this:
<form name="PrePage" method="post" action="https://Simplecheckout.authorize.net/payment/CatalogPayment.aspx" style="
display: inline-block;
"> <input type="hidden" name="LinkId" value="08f9ee99-6338-4c5a-9832-4451cbc230dd"> <input type="submit" value="Pay Now"> </form>
To add images try https://postimg.org and paste the link :)
Best regards,
Mike
Thanks Mike I never have thought of that.
Hi,
Glad we could help :-)
Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Please close this topic. Thanks again.