Title: Problem with button border, only on Firefox
Last modified: August 30, 2016

---

# Problem with button border, only on Firefox

 *  [TrifonPap](https://wordpress.org/support/users/trifonpap/)
 * (@trifonpap)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/problem-with-button-border-only-on-firefox/)
 * Hello guys, I have a problem which seems to appear only on Firefox: sometimes
   when I load my front page, the button border does not appear, or appears to be
   half or something like this. You can easily check it out on my site: [http://www.beautiful-burger.com](http://www.beautiful-burger.com)
 * Try to open it with Mozilla (refresh multiple times, sometimes it appears to 
   be fine) and then other browsers.
 * The css im using is this(im pretty new at this so my guess is that there are 
   some major mistakes in my css in general, probably not only on this part. But
   what baffles me is that it only seems to misbehave on mozilla):
 *     ```
       #header-button-container .primary-button,
       #header-button-container .secondary-button {
       	color: #fff!important;
               border: 1px solid #fff  !important;
       	vertical-align: baseline;
       	}
   
       .secondary-button {
           background-color: transparent  !important;
           border: 1px solid #fff  !important;
           color: #fff !important;
       }
   
       .secondary-button:hover{
           background-color: #D0C274  !important;
           color: #fff !important;
       }
       ```
   
 * Thanks for any answers

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

 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [10 years, 10 months ago](https://wordpress.org/support/topic/problem-with-button-border-only-on-firefox/#post-6333956)
 * Is there any way you can contact your theme’s vendors of this issue? Assuming
   it’s a bug in the theme.
 *  Thread Starter [TrifonPap](https://wordpress.org/support/users/trifonpap/)
 * (@trifonpap)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/problem-with-button-border-only-on-firefox/#post-6333962)
 * I could try to contact him and see what happens. Although I am not sure if its
   a theme bug since it was working fine until yesterday (when I changed some other
   CSS, seemingly not connected with the buttons but who knows). In any way, thank
   you for your answer 🙂
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [10 years, 10 months ago](https://wordpress.org/support/topic/problem-with-button-border-only-on-firefox/#post-6333966)
 * Can you transfer your CSS modifications to a Child Theme style.css file or a 
   Custom CSS plugin, so that you can toggle between the theme’s original styles
   and your modified ones?
 *  Thread Starter [TrifonPap](https://wordpress.org/support/users/trifonpap/)
 * (@trifonpap)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/problem-with-button-border-only-on-firefox/#post-6334114)
 * I haven’t used Child Theme at all yet so I am unfamiliar with what to do exactly.
   I believe that should have happened from the start, when I installed the theme
   so I could save all the changes on CSS if I wanted to updated the theme. But 
   why would I want to toggle back to the original theme style anyway? The buttons
   were working fine until 2 days ago so it’s either something I changed on CSS (
   which I am starting to doubt since I have look back in the changes I did the 
   last days and found nothing that implies that the button should be affected ONLY
   on firefox). I also contacted the author of the Theme as you suggested but for
   the moment I only got a generic automated email back saying that he gets alot
   of questions and his time is limited, etc. So I don’t believe I am getting an
   answer from him anytime soon.
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [10 years, 10 months ago](https://wordpress.org/support/topic/problem-with-button-border-only-on-firefox/#post-6334122)
 * You have to narrow down the CSS causing the issue. If you cannot simply revert
   to the original theme then you may just have to temporarily delete more and more
   CSS until you find the CSS responsible.

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

The topic ‘Problem with button border, only on Firefox’ is closed to new replies.

## Tags

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

 * 5 replies
 * 2 participants
 * Last reply from: [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * Last activity: [10 years, 10 months ago](https://wordpress.org/support/topic/problem-with-button-border-only-on-firefox/#post-6334122)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics