Problem with button border, only on Firefox

  • TrifonPap

    (@trifonpap)


    10 years, 10 months ago

    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

    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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 10 months ago

    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

    (@trifonpap)

    10 years, 10 months ago

    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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 10 months ago

    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

    (@trifonpap)

    10 years, 10 months ago

    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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 10 months ago

    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.