Title: Customize hero button
Last modified: February 1, 2017

---

# Customize hero button

 *  [ypo924](https://wordpress.org/support/users/ypo924/)
 * (@ypo924)
 * [9 years, 4 months ago](https://wordpress.org/support/topic/customize-hero-button/)
 * Hi,
 * I’m trying to adjust the buttons within the ‘Hero’ section. Currently their position
   are side by side and I would like to move them one on the top of the other.
 * Also, can I change the background color of buttons from yellow to transparent
   and make the font larger ?
 * here is the link : [http://altobelli.paris/](http://altobelli.paris/)
 * Any help would be appreciated.
 * Thanks in advance

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

 *  [congthien](https://wordpress.org/support/users/congthien/)
 * (@congthien)
 * [9 years, 4 months ago](https://wordpress.org/support/topic/customize-hero-button/#post-8724489)
 * Hi [@ypo924](https://wordpress.org/support/users/ypo924/),
 * Unfortunately there is no way to move one button on top of other. But you can
   add this in Customize => Additional css to make 2nd button transparent :
 * `#hero .btn:last-child { background : transparent; font-size: 20px; }`
 * Hope that helps!
 *  Thread Starter [ypo924](https://wordpress.org/support/users/ypo924/)
 * (@ypo924)
 * [9 years, 4 months ago](https://wordpress.org/support/topic/customize-hero-button/#post-8724897)
 * Hi [@congthien](https://wordpress.org/support/users/congthien/),
 * Thanks for your help.
 * I’ve tried several additional css lines but there is no impact on the hero section:
 *     ```
       #hero .btn:last-child { background : transparent; font-size: 20px; }
       #hero .btn:last-child { background-color : transparent; font-size: 20px; }    
       #hero .btn-warning:last-child { background-color : transparent; font-size: 20px; }
       #hero .btn-warning:last-child { background : transparent; font-size: 20px; }   
       ```
   
 * any idea ?
 * Related to the “on top of the other” topic, is it possible to add a Thrid button
   on the same line ?
 * Thanks in advance
 * Hippolyte
 *  [congthien](https://wordpress.org/support/users/congthien/)
 * (@congthien)
 * [9 years, 4 months ago](https://wordpress.org/support/topic/customize-hero-button/#post-8725951)
 * Hi [@ypo924](https://wordpress.org/support/users/ypo924/),
 * I see you removed the 2nd hero button? Also default we have 2 buttons only. To
   add more, you should copy the **section-parts/section-hero.php** in **wp-content/
   plugins/onepress-plus** to child theme then add more button you want.
 * [https://github.com/FameThemes/onepress-child](https://github.com/FameThemes/onepress-child)

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

The topic ‘Customize hero button’ is closed to new replies.

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

 * 3 replies
 * 2 participants
 * Last reply from: [congthien](https://wordpress.org/support/users/congthien/)
 * Last activity: [9 years, 4 months ago](https://wordpress.org/support/topic/customize-hero-button/#post-8725951)
 * Status: not resolved