Topic Resolution: Resolved
  • Closed
  • Robert Lavigne
    Spectator
    August 25, 2016 at 6:48 pm #30004

    Hi There,

    When I change the link color in theme options > Styling > Links to #625784 (purple) I would think it affects all links on Theme Evolve but I still get the greenish color from Theme default.

    Look on my page http://www.nouvelleconscience.ca/services/

    How should I proceed?

    Thanks
    Robert

    Denzel Chia
    Moderator
    Posts: 2656
    August 26, 2016 at 2:36 am #30019

    Hi,

    Are you referring to the heading in content boxes?
    If yes, Please use the following in Theme Options -> Custom CSS

    .heading-link {
    color: #625784 !important;
    }

    If not, Please use a screenshot and point to me it’s location.

    Thank you.

    Robert Lavigne
    Spectator
    Posts: 11
    August 26, 2016 at 4:52 am #30027


    http://nouvelleconscience.ca/Hover%20of%20content-boxes%20icon%20and%20title%20link%20green.jpg

    Look at the middle box where the awesome icon fa-sun-o and words “La Reconnexion” hyperlinks are highlighted in green. Where can I change the color? in my child-theme css?

    Daniel Jones
    Spectator
    Posts: 148
    August 26, 2016 at 8:25 am #30028

    Hi again Robert,

    Thanks for confirming, Daniel here.

    Please try this custom CSS codes instead:

    
    

    .t4p-content-boxes .heading .heading-link:hover .content-box-heading {
    color: #625784 !important;
    }
    .t4p-content-boxes .heading .heading-link:hover .fontawesome-icon {
    border-color: #625784;
    background-color: #625784;
    }

    Hope this helps!

    Robert Lavigne
    Spectator
    Posts: 11
    August 26, 2016 at 6:57 pm #30037
    Robert Lavigne
    Spectator
    Posts: 11
    August 26, 2016 at 7:37 pm #30038

    Oups, link to picture doewsn’t work. Lookup this one:

    http://www.nouvelleconscience.ca/Hover of content-boxes icon and title link green 2.jpg

    Denzel Chia
    Moderator
    Posts: 2656
    August 27, 2016 at 11:50 am #30056

    Hi.

    Please use the following in Theme Options -> Custom CSS

    .fontawesome-icon.circle-yes,.fontawesome-icon.circle-yes:hover {
    background: #625784 none repeat scroll 0 0 !important;
    }

    I am color blind, does not know if #625784 is the color you need,
    If is not the color you need, you can find the color hex code ( http://www.colorpicker.com/ ) and replace it.

    Thank you

    Robert Lavigne
    Spectator
    Posts: 11
    August 28, 2016 at 1:41 am #30060

    Hi Denzel,

    Works fine for color. I just loose the hover effect but end result is fine as proposed.

    Tanks!
    You can close ticket.

    Denzel Chia
    Moderator
    Posts: 2656
    August 29, 2016 at 2:41 am #30069

    You are welcome.
    Thank you.