XF 1.4 Sign Up Now and Call to Action Buttons Hover Effect

[Amaury]

How can I make the hover background color cover the whole button when I've got colors defined for the containers? I don't want to remove the container colors as that would make them too thin.

 

[Russ]

How can I make the hover background color cover the whole button when I've got colors defined for the containers? I don't want to remove the container colors as that would make them too thin.

View attachment 99717

By default the hover only covers the span(inside)

Add some css to the parent:

a.callToAction:hover
{
blah blah
}

 

[Amaury]

By default the hover only covers the span(inside)

Add some css to the parent:

a.callToAction:hover
{
blah blah
}

Thank you, Russ!

And would this work for the Sign Up Now! button, then?

a.signupButton:hover

 

[Russ]

Thank you, Russ!

And would this work for the Sign Up Now! button, then?

a.signupButton:hover

#SignupButton:hover
{
blah blah
}

 

[Amaury]

#SignupButton:hover
{
blah blah
}

Hey, Russ! Your awesomeness is showing!