• Resolved antoineO

    (@antoineo)


    Hi,

    By default, in the Pinnacle theme, on hover, the links are orange in the footer and in the topbar.
    I would like to change the color of that in the footer and in the topbar (search icon).
    Thanks four your help.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter antoineO

    (@antoineo)

    I succeeded to change the background link with the theme option. However, I would like to have different color link and hover on some links.
    I used :

    a.pagelink:link {
    color: #444444 !important;
    }

    a.pagelink:hover {
    color: #1c9d34 !important;
    }

    But it works on the mail link and it does not work on the firt link (2nd column of this page : http://lapousse.fr/devis – green link)

    Thanks

    Hey,
    So the theme options > basic styling >primary color. That sets your link color.

    I can see that your override it with the above css and your making it dark gray until hover. Is that not what you want?

    Kadence Themes

    Thread Starter antoineO

    (@antoineo)

    Yes I have changed via theme options > basic styling >primary color and now I succeeded to have the link and the hover in green.
    But I would like to create a specific class to have another color for link in the text. So, I used in the customized CSS :

    a.pagelink:link {
    color: #444444 !important;
    }

    a.pagelink:hover {
    color: #1c9d34 !important;
    }

    But on my page http://lapousse.fr/devis, this code :
    – works on the mail link “contact@lapousse.fr” (2nd column of this page)
    – does not work on the link ” notre formulaire de contact” (2nd column of this page)

    Thanks

    I am seeing it working with “notre formulaire de contact”.

    Have you tried clearing your cache?

    Kadence Themes

    Thread Starter antoineO

    (@antoineo)

    You are right :/ Sorry, it was a very simple 🙂

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

The topic ‘Hover & link > Change background color’ is closed to new replies.