Title: Button size
Last modified: August 22, 2016

---

# Button size

 *  Resolved [beat105](https://wordpress.org/support/users/beat105/)
 * (@beat105)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/button-size-7/)
 * How Can ı change the custom button size and button text size ?
 * [btn text=”Do You a Have Question ?” tcolor=#FFF thovercolor=#FFF”link=”” target
   =”_self”]

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

 *  [Ben Ritner – Kadence WP](https://wordpress.org/support/users/britner/)
 * (@britner)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/button-size-7/#post-5853885)
 * You would have to use css, so first you would give the button an id, like:
 * `[btn text="Do You a Have Question ?" tcolor=#FFF thovercolor=#FFF"link="" target
   ="_self" id="7"]`
 * Then you would add this css in your theme options > advanced settings:
 *     ```
       #kadbtn7 {
       font-size: 30px;
       padding: 20px 30px;
       }
       ```
   
 * Kadence Themes
 *  Thread Starter [beat105](https://wordpress.org/support/users/beat105/)
 * (@beat105)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/button-size-7/#post-5853926)
 * Thanks for the help
 *  [dlanebc83](https://wordpress.org/support/users/dlanebc83/)
 * (@dlanebc83)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/button-size-7/#post-5854343)
 * how do you change the button color , hover color, and hover opacity for a single
   button like the above id=”7″ and leave the rest to be based on the theme overall
   color scheme?
    this is what i have done
 *     ```
       #kadbtn7 {
       font-size: 15px;
       padding: 5px 5px;
       border-radius: 4px;
       width: 160px;
       height: 25px;
       line-height: 15px;
       }
   
       #kadbtn7:hover {
       background: #ffaf78;!important;
       }
       ```
   
 * the color doest change correctly in the hover, yet i see that if i do this
 *     ```
       #kadbtn7 {
       font-size: 15px;
       padding: 5px 5px;
       border-radius: 4px;
       width: 160px;
       height: 25px;
       line-height: 15px;
       background: #ffaf78;!important;
       }
       ```
   
 * then the hover color works but only at the 70% opacity setting as per the theme
   settings.
 * so i guess i need the primary background colour setting, and how to change the
   opacity.
    thanks
 *  [Ben Ritner – Kadence WP](https://wordpress.org/support/users/britner/)
 * (@britner)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/button-size-7/#post-5854344)
 * dlanebc83, Please don’t post a in resolved topic. You question can easily be 
   missed.
 * can you post a link to the page where you have this button?
 * If your using a shortcode you can set the color of the button and the hover color
   right in the shortcode options.
 * Kadence Themes

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

The topic ‘Button size’ is closed to new replies.

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

## Tags

 * [button size](https://wordpress.org/support/topic-tag/button-size/)

 * 4 replies
 * 3 participants
 * Last reply from: [Ben Ritner – Kadence WP](https://wordpress.org/support/users/britner/)
 * Last activity: [10 years, 3 months ago](https://wordpress.org/support/topic/button-size-7/#post-5854344)
 * Status: resolved