• Gertrud

    (@jessicagertrud)


    Hey,
    I would like to know how to change the standard blue color that appears when hovering over some clickable links. Some of the links/buttons simply get darker when hovering over and I like the design of that. Yet, other buttons/clickable links have the text go blue and it doesnt fit my color design. Any advice on how to change that? Maybe with a CSS code?
    Thanks a lot

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hi @jessicagertrud,

    Thanks for reaching us,

    While checking from my end, it seems that you have already changed the links color of the buttons and other area as they are not diplaying the Blue Color anymore.

    However if you are unable to change the color in some other area, kindly let me know and I will help you further.

    Regards

    Thread Starter Gertrud

    (@jessicagertrud)

    Hey Barsha,

    Thanks for your response.
    In some instances it has been adjusted simply by changing the primary color but it is still blue when hovering over the arrows on the slider on the landing page and over the buttons (as seen on the ‘retreats & events’ page).

    To adjust it there to have it the primary color or white would be epic.
    Thanks for your help

    Hi @jessicagertrud,

    Thanks for reaching back,

    In order to change the hover color of the button area, please use the following CSS code inside WordPress Dashboard > Appearances > Customize > Additional CSS:

    .wp-block-button a:hover{
        color: #fff;
    }

    Regarding the slider, the slider is disabled on your end. So please enable the slider so that I can check and provide you with an appropriate solutions.

    Regards

    Thread Starter Gertrud

    (@jessicagertrud)

    Hey Barsha,

    Thank you for this code! It worked nicely.
    The header slider on the homepage is enabled though, I doublechecked.
    The little arrow on the sides appears as transparent white and when hoovering over it turns blue.
    Also all external links that I add in text blocks appear in my primary color but when hoovering over, they turn in that blue. Could that be changed into a darker shade of my primary color?

    Thanks so much

    Gertrud

    Hi @jessicagertrud,

    Thanks for reaching us,

    1. Regarding the arrows appearing on the slider area, it is added as an image, and the colour cannot be changed. The image needs to be updated inside the theme file, which can only be done via the child theme.
    2. For changing the color of the link on the hover mode, please use the following CSS Code and check if it helps you or not:
    a:hover{
        color: #000!important;
    }

    Let me know if this helps you or not and I will get back to you.

    Regards

    Thread Starter Gertrud

    (@jessicagertrud)

    Hey Barsha,


    This worked brilliantly – thank you so much!

    Regards,
    Gertrud

    Hi @jessicagertrud,

    Glad to hear that the issue has been fixed. Let me know of any other issues or confusion, and I will get back to you.

    Regards

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘change blue link color’ is closed to new replies.