Firefox issue with colored featured pages buttons

Resolved

(@startwebsiting)

Hello,

I changed the color of the featured pages buttons and I found an issue with Firefox when you click on the button. During the “active” period of the button it shows the original color of the button (the color of the theme). I am using the following code to change the color of the button:

.fp-button-one {
background-color: #184797;
background-image: linear-gradient( to bottom, #2c5bac, #184797 );
}
.fp-button-one:hover {background-color:#184797;}
.fp-button-one:active {background-color:#184797 !important;}

.fp-button-two {
background-color: #2c711d;
background-image: linear-gradient( to bottom, #348422, #2c711d );
}
.fp-button-two:hover {background-color:#2c711d;}
.fp-button-two:active {background-color:#2c711d !important;}

.fp-button-three{
background-color: #e9960f;
background-image: linear-gradient( to bottom, #e8a02c, #e9960f );
}
.fp-button-three:hover {background-color:#e9960f;}
.fp-button-three:active {background-color:#e9960f !important;}

I use Firefox 32.0.1 for my tests. The issue is not observed on Chrome.

Link to the website: http://www.startwebsiting.com

Do you have any idea how this Firefox issue can be resolved?

Thank you

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

ElectricFeet
(@electricfeet)

9 years, 7 months ago
You have the hover and active, but you’re missing the “focus”. So for button one you should make it:
```
.fp-button-one:hover,
.fp-button-one:active,
.fp-button-one:focus {
    background-color:#184797 !important;
}
```
(I’m not sure that the !important is needed.)
Thread Starter Startwebsiting
(@startwebsiting)

9 years, 7 months ago

ElectricFeet, thank you so much again!!!! How is that possible you know everything?

I just added the “focus”, and now it works like charm on all browsers.

And again you were right, !important was not needed.

Thank you!

ElectricFeet
(@electricfeet)

9 years, 7 months ago

How is that possible you know everything?

I don’t 🙂

I’m just a super-expert googler and I use Firebug. They are both a must.

And keep at it: Just over a year ago I wouldn’t have had the foggiest idea what my response above meant 🙂

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

The topic ‘Firefox issue with colored featured pages buttons’ is closed to new replies.

Tags