• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

The Cre8tive Diva - WordPress Developer

Digital Nomad | Helping WordPress & Genesis Framework Website Owners All Over the World

  • Home
  • About
    • Accessibility Statement
    • Terms of Service & Privacy
  • Services
    • Blogger to WordPress Migration
    • Buddypress Installation
  • Latest Blogs
  • My Work
  • Contact
Home » How to Resize the Large PayPal Button in WordPress

How to Resize the Large PayPal Button in WordPress

A number of people have difficulty getting their PayPal buttons to size properly when embedding the PayPal script into blog posts or pages. This typically happens with responsive themes.

Resize PayPal Button with CSS

There are a couple of reasons why this happens. Inside the stylesheet (style.css), if you look for input, select, textarea you will see that the width may be set at 100%. Or, you may look for img and that may be set at 100%.

PayPal’s script uses the input function. To add your PayPal form script for your buttons, you can wrap your code in a div with a class. Just select the “Text” tab in the post editor. Copy and Paste this code. Insert your form script where indicated.

https://gist.github.com/cre8tivediva/9327840ed8ad642441190e9748830b61#file-embed-txt

To reduce the image size, you would then add the following code to your style.css file or to your Custom CSS box.

https://gist.github.com/cre8tivediva/9327840ed8ad642441190e9748830b61#file-style-css

To increase or decrease the size, modify the width on Line 2. It will then look like this.

Another way to add the PayPal button without creating the span and custom CSS would be to use one of their official button images here, then link that image with the URL of your PayPal button.

That’s it!

  • Like my Signature? Get the Signature Widget for Genesis right here!

  • FacebookTweetPinPrint

    Filed Under: The Vault, Tutorials, WordPress

    Primary Sidebar

    It's just me and my dog Bella. I am a freelance web developer at Cre8tiveDiva.com. I build websites using WordPress and the Genesis Framework, WooCommerce and provide troubleshooting and support. I also build with Shopify. I love chocolate, lots of coffee!

    Sign Me Up!

    Receive my blog posts, tips and updates delivered to your inbox!

    Yes, Sign Me Up

    *By signing up you will receive new blogs, updates on products, services and important alerts.

    Categories

    • Design
    • eCommerce
    • Five on Friday
    • Fonts
    • Free Themes
    • Freebie Friday
    • Genesis Framework
    • Genesis Plugins
    • Genesis Themes
    • Genesis Untapped
    • Instagram
    • MailChimp
    • News
    • Plugins
    • Press This News
    • Social Media
    • The Vault
    • Tipsy Tuesday
    • Troubleshooting
    • Tutorials
    • Uncategorized
    • Web Development
    • WooCommerce
    • WordPress
    • WordPress Plugins

    Footer

    Cre8tive Diva

    Digital Nomad! I can be anywhere I wanna be now.

    Latest Blog Posts

    • Temporary Fix When Using Genesis Blocks Posts and Page Grid with Genesis Simple Share
    • How to Add Reading Time to a WordPress Genesis Child Theme Without a Plugin
    • How to Add “Shop” to WooCommerce Breadcrumbs when Using Yoast

    Looking for Something?

    Copyright © 2012–2023 · Designed with by Me! · Hosted on SiteGround

    We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.OkPrivacy policy