Title: Reduce padding around default button
Last modified: April 3, 2020

---

# Reduce padding around default button

 *  Resolved [utfred2](https://wordpress.org/support/users/utfred2/)
 * (@utfred2)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/reduce-padding-around-default-button/)
 * Hi – Great theme, thank you!
    I use some html to create a ‘buy’ button for my
   future Spanish store, specifically: <input class=”button” type=”submit” value
   =”Añadir a carrito “/> This creates a default button with the right text in it;
   I found out how to change its color in the customizer, but the padding around
   the text is quite big. How to change that? I am not great with custom CSS… Thanks
   in advance

Viewing 4 replies - 1 through 4 (of 4 total)

 *  [Jarret](https://wordpress.org/support/users/jarretc/)
 * (@jarretc)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/reduce-padding-around-default-button/#post-12625920)
 * Do you want it for just that button or all buttons across the site? Having such
   a generic class name as button for that may make it a bit more difficult to target
   it specifically with some CSS.
 * You may want to do something like `class="button buy-button"` so it is easier
   targeted while still getting the default styling. From there you could try something
   like
 *     ```
       .single .buy-button a {
          padding: 0px;
       }
       ```
   
 * To see if that works, though if you’re able to provide a link to the page with
   the button on it, I can most likely provide you with something that’ll work for
   sure.
 *  Thread Starter [utfred2](https://wordpress.org/support/users/utfred2/)
 * (@utfred2)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/reduce-padding-around-default-button/#post-12628751)
 * Thank you so much for your quick response. I tried it and it does make a difference
   unfortunately.
    I tried this but it does not work either… .single .button input[
   type=”submit”]{ padding: 0px; }
 * Here is the link to my page in progress, you can’t miss the buttons I am talking
   about! We use an outside cart provider, so we write all the code for the purchasing
   process on that page, hence my attempt with the “submit input” above
 * [https://ispinnakers.es/tienda-de-spinnaker-asimetrico/](https://ispinnakers.es/tienda-de-spinnaker-asimetrico/)
 * e.g. of code I inserted for the bags (3rd column on the right, top row):
 * <form accept-charset=”utf-8″ action=”[https://isails.foxycart.com/cart&#8221](https://isails.foxycart.com/cart&#8221);
   method=”post”>
    <input name=”template_set” type=”hidden” value=”it-EUR”/> <input
   name=”name” type=”hidden” value=” Bolsa de spinnaker, Rojo “/> </select>
 *  <select name=”Tamaño”>
    <option value=””> Tamaño</option> (codes for a bunch
   of option values)
 * </select>
    <br/> <input class=”button” type=”submit” value=” Comprar”/> </form
   >
 * Thanks!
 *  [Jarret](https://wordpress.org/support/users/jarretc/)
 * (@jarretc)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/reduce-padding-around-default-button/#post-12629356)
 * Hi, this CSS appears to target it, just add into Appearance->Customize->Additional
   CSS
 *     ```
       .wp-block-columns .wp-block-column form input:last-child {
           padding: 5px;
       }
       ```
   
 * You can adjust the 5px value to your liking.
 *  Thread Starter [utfred2](https://wordpress.org/support/users/utfred2/)
 * (@utfred2)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/reduce-padding-around-default-button/#post-12631105)
 * It works like a charm, you are a CSS wizard! – Thank you very much

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Reduce padding around default button’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/twentytwenty/3.1/screenshot.png)
 * Twenty Twenty
 * [Support Threads](https://wordpress.org/support/theme/twentytwenty/)
 * [Active Topics](https://wordpress.org/support/theme/twentytwenty/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/twentytwenty/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/twentytwenty/reviews/)

 * 4 replies
 * 2 participants
 * Last reply from: [utfred2](https://wordpress.org/support/users/utfred2/)
 * Last activity: [6 years, 2 months ago](https://wordpress.org/support/topic/reduce-padding-around-default-button/#post-12631105)
 * Status: resolved