Button Hover Color

Homepage › Community Forums › Aspire Theme Support › Button Hover Color

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 27, 2016 at 4:49 pm #18460
    theapril
    Customer

      I set the link/button color and now when I hover over the call button on the home page, the text hover is the same color as the button. I’ve looked at this until I’m blue in the face. I’m sure it is super obvious, but I’m stumped. http://highergroundpersonaltraining.com/

      June 28, 2016 at 11:37 am #18466
      Wes
      Moderator

        How are you editing the code? Are you using a plugin or the customizer to make changes? It’s showing up inline and isn’t linked to a stylesheet. Here is the code that is showing up when hovered – 

        a, 
.entry-title a:hover, 
.image-section a:hover, 
.image-section .featured-content .entry-title a:hover, 
.site-footer a:hover {
    color: #ba0000;
}

        If you want to change the background only, then it would need to look like this – 

        a, 
.entry-title a:hover, 
.image-section a:hover, 
.image-section .featured-content .entry-title a:hover, 
.site-footer a:hover {
    background-color: #ba0000;
}

        Let me know if that helps.

        June 29, 2016 at 3:08 pm #18486
        theapril
        Customer

          Hi Wes,

          I used the customizer. However, I may have gone through the stylesheet like a crazy person changing colors.

          April

          I’m ok with the background color. I want the hover link color not to become the same color as the background color. Sorry if I misstated that earlier.

          June 30, 2016 at 11:07 pm #18503
          Wes
          Moderator

            Changing the code I was referring to would still make it white. If you change the color: #ba0000; to #fff or get rid of it all together and add your background color, it should work fine.

            a, 
.entry-title a:hover, 
.image-section a:hover, 
.image-section .featured-content .entry-title a:hover, 
.site-footer a:hover {
    color: #fff;
}

            If you added the above code it will make the font stay WHITE when being hovered.

            July 1, 2016 at 12:57 pm #18519
            theapril
            Customer

              I added that to the bottom of the stylesheet and it didn’t change anything. The inline is the same from the demo, I think. It is using class “button large” in the code in the frontpage 1 widget area.

              July 2, 2016 at 11:03 pm #18533
              Wes
              Moderator

                This part of your code – .image-section a:hover, is the reason it shows up red/orange when you hover over it – 

                a, 
.entry-title a:hover, 
.image-section a:hover, 
.image-section .featured-content .entry-title a:hover, 
.site-footer a:hover {
    color: #ba0000;
}

                I’m not sure where that is coming from. It’s either the Customizer or possibly added somewhere else inline.

                If you remove .image-section a:hover, from that block of code, it will remove the font color that is showing red/orange (not the background of the button)

                Let me know if you want me to login and fix it for you…I’ll be able to locate what’s going on and get it working instantly if you need me to. Just let me know

              • Author
                Posts
              Viewing 6 posts - 1 through 6 (of 6 total)
              • You must be logged in to reply to this topic.