WordPress.org

Ready to get started?Download WordPress

Forums

Easy Digital Downloads
[resolved] Customizing Button (20 posts)

  1. Codyk
    Member
    Posted 2 years ago #

    Hi,
    This might be a very simple question, but I don't much about code outside of basic HTML...
    Is there an easy way to customize the size of the add to cart/purchase button? I have all of my products in a table and when I add the button it makes the rows a little larger than I want.
    Also, what is the easiest way to test a product for email, links, ect.

    Thanks in advance!

    http://wordpress.org/extend/plugins/easy-digital-downloads/

  2. Pippin Williamson
    Pippin's Plugins and Plugin Reviewer
    Plugin Author

    Posted 2 years ago #

    In what ways do you want to customize it? Do you want to only increase/decrease the size, or do you want to completely alter the way it looks?

    The easiest way to test a purchase for emails to do a couple of things:

    1. In Downloads > Settings > General, enable "Test Mode".

    2. Use the "Manual Payment" gateway to do a test purchase (no money will be processed, but all aspects of the sale will act normally).

  3. Codyk
    Member
    Posted 2 years ago #

    Thanks for the reply,
    Right now I just want to adjust the size of the button, although it would be cool to be able to add custom images in the future.

  4. Pippin Williamson
    Pippin's Plugins and Plugin Reviewer
    Plugin Author

    Posted 2 years ago #

    How comfortable are you with CSS?

  5. Codyk
    Member
    Posted 2 years ago #

    I've only used it a couple times when reading tutorials.

  6. Pippin Williamson
    Pippin's Plugins and Plugin Reviewer
    Plugin Author

    Posted 2 years ago #

    Try adding this to your theme's style.css:
    .edd_button_text { font-size: 16px; }

    Change 16px to the size that works well for you.

  7. Codyk
    Member
    Posted 2 years ago #

    Does is matter where I put it? I tried a few locations but nothing happened.

  8. Pippin Williamson
    Pippin's Plugins and Plugin Reviewer
    Plugin Author

    Posted 2 years ago #

    No, it shouldn't. Try:
    .edd_button_text { font-size: 16px!important; }

  9. Codyk
    Member
    Posted 2 years ago #

    Still nothing. I've been pasting it in and changing the number, updating the file, then refreshing my page that has the buttons on it. Should I be doing it a different way?

  10. Pippin Williamson
    Pippin's Plugins and Plugin Reviewer
    Plugin Author

    Posted 2 years ago #

    Can you give me a live URL to look at?

  11. Codyk
    Member
    Posted 2 years ago #

    Yes, I moved the button up a little so the table doesn't stretch out as much, and I'm trying out the text only feature.

    http://anarchistbeats.com/

  12. Pippin Williamson
    Pippin's Plugins and Plugin Reviewer
    Plugin Author

    Posted 2 years ago #

    Try this instead:
    .edd_download_purchase_form input[type="submit"] { font-size: 16px; }

  13. Codyk
    Member
    Posted 2 years ago #

    Still Nothing.

    Thanks for all the help!

    ...But I think I might just use the text or see what my page looks like with buttons for everything.

  14. Pippin Williamson
    Pippin's Plugins and Plugin Reviewer
    Plugin Author

    Posted 2 years ago #

    I was able to change the font size no problem on the site using the Chrome Inspector, so you must not be placing it in the right place.

    Where are you putting it?

  15. Codyk
    Member
    Posted 2 years ago #

    Stylesheet (style.css)
    I've tried putting it at the beginning, the end, and moving it around in other places.

  16. Pippin Williamson
    Pippin's Plugins and Plugin Reviewer
    Plugin Author

    Posted 2 years ago #

    Are you using a child theme?

  17. Codyk
    Member
    Posted 2 years ago #

    I'm not sure what that is. It's called Rain Drops.

  18. Pippin Williamson
    Pippin's Plugins and Plugin Reviewer
    Plugin Author

    Posted 2 years ago #

    A child theme is basically just a modified version of a theme, but you're not using it, so no worries.

    Can you paste the CSS back into the bottom of your file and then let me know when you have so I can look at the live site?

  19. Codyk
    Member
    Posted 2 years ago #

    I pasted it at the bottom of my file and it turns out I forgot to delete one of the other codes you gave me there before. I deleted that one and replaced it with the last code you gave me and it worked, but it made the buttons shorter in length rather than smaller in size.
    I think that should work for me though because I got the table to stop leaving as much empty space.

    Thanks for all of the help!

  20. Pippin Williamson
    Pippin's Plugins and Plugin Reviewer
    Plugin Author

    Posted 2 years ago #

    Great!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic