Title: css button
Last modified: May 24, 2018

---

# css button

 *  Resolved [hack18](https://wordpress.org/support/users/hack18/)
 * (@hack18)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/css-button-2/)
 * Help, please. I use the class for Ghost buttons:
    .button.ghost, .button.ghost:
   visited { background: transparent; border-width: 1px; border-style: solid; text-
   align: center; width: 220px; border-color: #fff; } screenshot – [https://freedemy.ru/wp-content/uploads/2018/05/joxi_screenshot_1527172168151.png](https://freedemy.ru/wp-content/uploads/2018/05/joxi_screenshot_1527172168151.png)
   But on a mobile, it looks like this screenshot – [https://freedemy.ru/wp-content/uploads/2018/05/joxi_screenshot_1527172148392.png](https://freedemy.ru/wp-content/uploads/2018/05/joxi_screenshot_1527172148392.png)
 * Tell me what to fix (add) to the class CSS ?
    -  This topic was modified 7 years, 10 months ago by [hack18](https://wordpress.org/support/users/hack18/).

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

 *  [Leo](https://wordpress.org/support/users/leohsiang/)
 * (@leohsiang)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/css-button-2/#post-10319863)
 * Hi there,
 * Can you provide a link to your site?
 *  Thread Starter [hack18](https://wordpress.org/support/users/hack18/)
 * (@hack18)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/css-button-2/#post-10323217)
 * [https://freedemy.ru/](https://freedemy.ru/)
 *  [Leo](https://wordpress.org/support/users/leohsiang/)
 * (@leohsiang)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/css-button-2/#post-10324632)
 * The overlapping problem is causing by the negative margin here:
 *     ```
       .button {
           position: relative;
           margin-bottom: -35px;
           box-shadow: 0px 0px 0px rgba(0,0,0,0.3);
       }
       ```
   
 * The buttons should also be in their own `<div>`
 * I would recommend using developer tool to inspect how the buttons are done on
   our home page: [https://generatepress.com/](https://generatepress.com/)
 *  Thread Starter [hack18](https://wordpress.org/support/users/hack18/)
 * (@hack18)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/css-button-2/#post-10325124)
 * Thank you! Only a small detail – how to align them? (sorry that questions aren’t
   all about generatepress, I’m stealing your time…)
    [https://freedemy.ru/wp-content/uploads/2018/05/joxi_screenshot_1527279589013.png](https://freedemy.ru/wp-content/uploads/2018/05/joxi_screenshot_1527279589013.png)
 *  [Leo](https://wordpress.org/support/users/leohsiang/)
 * (@leohsiang)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/css-button-2/#post-10325777)
 * I see some none breaking space added in the HTML: `&nbsp; &nbsp;`
 * Removing that should work.
 *  Thread Starter [hack18](https://wordpress.org/support/users/hack18/)
 * (@hack18)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/css-button-2/#post-10326207)
 * Many thanks!
 *  [Leo](https://wordpress.org/support/users/leohsiang/)
 * (@leohsiang)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/css-button-2/#post-10327270)
 * No problem 🙂

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

The topic ‘css button’ is closed to new replies.

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

## Tags

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

 * 7 replies
 * 2 participants
 * Last reply from: [Leo](https://wordpress.org/support/users/leohsiang/)
 * Last activity: [7 years, 10 months ago](https://wordpress.org/support/topic/css-button-2/#post-10327270)
 * Status: resolved