Ready to get started?Download WordPress


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

  1. Codyk
    Posted 1 year ago #

    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!


  2. 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
    Posted 1 year 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. How comfortable are you with CSS?

  5. Codyk
    Posted 1 year ago #

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

  6. 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
    Posted 1 year ago #

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

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

  9. Codyk
    Posted 1 year 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. Can you give me a live URL to look at?

  11. Codyk
    Posted 1 year 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.


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

  13. Codyk
    Posted 1 year 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. 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
    Posted 1 year ago #

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

  16. Are you using a child theme?

  17. Codyk
    Posted 1 year ago #

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

  18. 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
    Posted 1 year 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. Great!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic