1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

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

Discussion in 'Styling and Customization Questions' started by Amaury, Feb 27, 2015.

  1. Amaury

    Amaury Well-Known Member

    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.

    Button.png
     
  2. Russ

    Russ Well-Known Member

    By default the hover only covers the span(inside)

    Add some css to the parent:
    Code:
    a.callToAction:hover
    {
    blah blah
    }
     
    Amaury likes this.
  3. Amaury

    Amaury Well-Known Member

    Thank you, Russ!

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

    Code:
    a.signupButton:hover
     
  4. Russ

    Russ Well-Known Member

    Code:
    #SignupButton:hover
    {
    blah blah
    }
    
     
    Amaury likes this.
  5. Amaury

    Amaury Well-Known Member

    Hey, Russ! Your awesomeness is showing!
     

Share This Page