Lifestyle Pro – weird image enlargement

Community Forums Forums Design Tips and Tricks Lifestyle Pro – weird image enlargement

This topic is: not resolved

Tagged: 

This topic contains 13 replies, has 4 voices, and was last updated by  Steve@BHQ 11 months, 1 week ago.

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #71309

    Steve@BHQ
    Participant
    Post count: 94

    I had a client provide the PayPal check out buttons. Only once I copy & paste the code into a page, the button images are giant. How can I stop/fix this

    http://californiatournamenttrail.com/entry-membership/
    #71311

    RobG
    Participant
    Post count: 1053

    I think this should help you with the large button it help me. http://wordpress.org/support/topic/paypal-says-button-is-too-big-due-to-css-code-in-wp


    To speed up the process please post the link to the website in question.

    We recommend using Firebug to view source codes http://getfirebug.com/

    RobGoss WordPress Developer
    We build WordPress websites for your business or personal goals
    http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

    #72874

    Steve@BHQ
    Participant
    Post count: 94

    Thanks Rob, I tried that,.. maybe I was putting the code in the wrong spot,.. Couldn’t get it to work. Then I noticed that was a three year old post. Should that matter?
    Now the client has given me even more buttons. Sure would like to find a solution.

    http://californiatournamenttrail.com/entry-membership/

    #72907

    RobG
    Participant
    Post count: 1053

    I think you might be placing the css part of the codes incorrectly, I’ve use this same method for my Paypal script works great.


    To speed up the process please post the link to the website in question.

    We recommend using Firebug to view source codes http://getfirebug.com/

    RobGoss WordPress Developer
    We build WordPress websites for your business or personal goals
    http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

    #72959

    Steve@BHQ
    Participant
    Post count: 94

    Ok thx Rob, Can you please tell me exactly what code I put where? and I’ll give it a try.

    #73000

    RobG
    Participant
    Post count: 1053

    Hi Steve what you need to do is add the style part of this code to your Paypal button code because it seems our CSS is making the Paypal button larger. You can also change the height and width for your butting with this css code.

    <input type=”image”
    src=”https://www.paypal.com/en_US/i/btn/btn_cart_SM.gif”
    name=”submit”
    alt=”PayPal – The safer, easier way to pay online!”
    style=”border: 0px none ; padding: 0px; width: 96px; height: 21px;”/>


    To speed up the process please post the link to the website in question.

    We recommend using Firebug to view source codes http://getfirebug.com/

    RobGoss WordPress Developer
    We build WordPress websites for your business or personal goals
    http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

    #73019

    Steve@BHQ
    Participant
    Post count: 94

    I’ve tried putting that code in several different ways and different places, nothing seemed to work.

    Do I copy ALL that you have in bold? Or just whats in quotes,.. Then where exactly in the code below do I put it.

    <form action=”https://www.paypal.com/cgi-bin/webscr” method=”post” target=”_top”><input type=”hidden” name=”cmd” value=”_s-xclick” />
    <input type=”hidden” name=”hosted_button_id” value=”7HRYWZGJR46MA” />
    <input type=”image” alt=”PayPal – The safer, easier way to pay online!” name=”submit” src=”https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif” />
    </form> 

    #73025

    RobG
    Participant
    Post count: 1053

    Steve try adding it like this, What I did was upload my Paypal image to Workpress then added it in the script. And yes just the bold part of the code you need to add.

    I added it in the script you posted below.

    <form action=”https://www.paypal.com/cgi-bin/webscr” method=”post” target=”_top”><input type=”hidden” name=”cmd” value=”_s-xclick” />
    <input type=”hidden” name=”hosted_button_id” value=”7HRYWZGJR46MA” />
    <input type=”image” alt=”PayPal – The safer, easier way to pay online!” name=”submit” src=”https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif”style=”border: 0px none ; padding: 0px; width: 96px; height: 21px;”/></form>


    To speed up the process please post the link to the website in question.

    We recommend using Firebug to view source codes http://getfirebug.com/

    RobGoss WordPress Developer
    We build WordPress websites for your business or personal goals
    http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

    #73037

    Steve@BHQ
    Participant
    Post count: 94

    copied your code, pasted 1st button “CTT Membership” – http://californiatournamenttrail.com/entry-membership/

    #73038

    AC
    Blocked
    Post count: 7712

    The input is set at 100%. Try adding this to the bottom of your style sheet.

    [css]input {
    width: 25%;
    }[/css]

    #73039

    Steve@BHQ
    Participant
    Post count: 94

    Thank you for chiming in Anita, This theme is being used for several other websites on a WPMS install. How will this effect the other sites?

    #73040

    AC
    Blocked
    Post count: 7712

    That has only been happening with the PayPal buttons when they are rendered from the PayPal form code. So if you are using the PayPal form code, then yes – add that to those also. If you upload the image in the media area and then link the image to the PayPal url, then the image will not spread out that way.

    #73043

    Tony @ AlphaBlossom
    Participant
    Post count: 543

    Hello,

    Hope I don’t confuse things by jumping in here, but I thought I’d share my thoughts.

    It shouldn’t affect other sites unless they’re sharing the same style.css file. If all sites are using the same button image, this might be more failsafe:

    .entry-content form input[type="image"] {
    max-width: 150px;
    }

    You can set the width to whatever you want. This way, it’s not targeting all inputs, only the image type inputs within the entry-content forms.

    Hope that’s helpful.

    Have a great night!

    Tony


    #73048

    Steve@BHQ
    Participant
    Post count: 94

    Anita, that worked!!!! Thank you so much.

Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.