Membership Plugin

WordPress Membership Plugin

  • Home
  • Documentation
  • Addons
  • Support
    • Quick Setup
    • Documentation
    • Premium Addon Support
    • Paid Support
    • Support Forum
    • Support Forum Search
    • Forum Login
    • Forum Registration
  • Contact

[Resolved] Change Button font size

Simple Membership Plugin › Forums › Simple Membership Plugin › Change Button font size

Tagged: button

  • This topic has 3 replies, 2 voices, and was last updated 3 years, 7 months ago by M.Engelsen.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 1, 2022 at 2:14 pm #24536
    M.Engelsen
    Participant

    It is possible to create a payment button with CSS properties that match the “button” properties that are in place on my WordPress site?

    Currently the text size (for my “Subscribe” button) is slightly smaller, compared to the other buttons on my site. Also the button “padding” is different.

    See example: https://www.ptcondo.org/membership-join/

    October 1, 2022 at 2:18 pm #24537
    M.Engelsen
    Participant

    Alternatively, instead of using the “payment button shortcode”, can I instead create a WordPress button that contains a link to the PayPal Subscription URL?

    October 2, 2022 at 11:54 pm #24541
    The Assurer
    Moderator

    I believe you want to modify the “swpm-subscription-button-submit” CSS class. Please see:
    https://simple-membership-plugin.com/miscellaneous-css-tweaks-simple-membership-plugin/

    October 3, 2022 at 3:37 am #24545
    M.Engelsen
    Participant

    Thanks! That’s exactly what I’m looking for.

    Here is the “Custom CSS” that I needed to use to get the Payment button to look idential to my existing WordPress buttons.

    
    input[type=submit] {
    	  display: inline-block;
        font-size: inherit;
    	  font-family: Roboto,Helvetica,Arial,sans-serif;
    	  text-transform:capitalize;
    	  text-decoration: none;
        cursor: pointer;
        margin: 0;
    	  color: #fff;
    }
    
    input[type="submit"]:not(.search-submit)
    {
    	  padding: calc(0.667em + 2px) calc(1.333em + 2px);
        border-radius: 4px;
    }
    
  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.
Log In

Please read this message before using our plugin.

Search

Featured Addons and Extensions

  • Membership Form Builder Addon
  • Member Directory Listing Addon
  • WooCommerce Payment Integration
  • Member Data Exporter Addon

Documentation

  • Documentation Index Page

Copyright © 2026 | Simple Membership Plugin | Privacy Policy