Joomla Templates Club 406,261 posts

[tabbus Friend tabbusJoin date: July 2015Posts: 123Downloads:3Uploads:25 Thanks: 10]

#1061898

Hello,

I’ve been trying to change the rollover colour for the btn-primary button, and although I can do this, there seems to be a second filter colour over the top, which I cannot seem to find where to modify.
Can someone explain where this may be, or if it’s in a jQuery document?

Thanks

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1061949

Hi
Add below code in custom.css file and change the colour code as per needs

input.btn-primary:hover, button.btn-primary:hover, input.btn-primary:focus, button.btn-primary:focus, input.btn-primary:active, button.btn-primary:active {
    background: #1bbc9b;
}

Regards

[tabbus Friend tabbusJoin date: July 2015Posts: 123Downloads:3Uploads:25 Thanks: 10]

#1062065

Hello,
Thanks but I have already attempted this, there seems to be another filter colour that animates over the top, I’ve attached a screen recording.

---

Attachments:

1. Button-filter.mov

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1062083

Hi
Kindly share the URL of site here.

Regards

[tabbus Friend tabbusJoin date: July 2015Posts: 123Downloads:3Uploads:25 Thanks: 10]

#1062094

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1062204

Hi
Kindly add the code i suggested.
I checked and found there is no custom.css file loading.

Also add this code and changes the colour code

.btn-primary:after {
    background: #1bbc9b;
}

Regards

[tabbus Friend tabbusJoin date: July 2015Posts: 123Downloads:3Uploads:25 Thanks: 10]

#1062693

Thanks that’s solved the issue of the background, but I cannot see where to remove the border colour when hovering?

[tabbus Friend tabbusJoin date: July 2015Posts: 123Downloads:3Uploads:25 Thanks: 10]

#1062694

I’ve added .btn-primary:hover { border-color: none}
But this does not work

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1062766

Hi
Use this code in first line of custom.css file

.btn-primary:after {
    background: #000!important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background: none;
    border-color: #000;
}
button.btn-primary:hover, input.btn-primary:focus, button.btn-primary:focus, input.btn-primary:active, button.btn-primary:active {
    background: #000!important;
}

I tested it and its working fine.

Regards

1 user says Thank You to Pankaj Sharma for this useful post

1. tabbus

[tabbus Friend tabbusJoin date: July 2015Posts: 123Downloads:3Uploads:25 Thanks: 10]

#1063530

Excellent that’s worked, many thanks

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1063731

You are welcome!

[Author]

Posts