Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 11, 2021 at 1:07 am #1305142
    wordninj

    Hi,

    I have set the link hover color in the theme options/general styling (all areas of this section) to this: #FB6970

    But you’ll see that the links are not changing to this hover color. You’ll find a multitude of examples on the Offerings and Speaking pages to view the problem.

    Please help me set the links to change to the above color on hover.

    June 12, 2021 at 6:38 am #1305371
    Rikard

    Hey wordninj,

    It looks like your theme theme settings are being overridden by the default theme styling, but I’m not sure exactly why. I’ve added this to your Quick CSS box as a temporary solution:

    .main_color a:hover, .main_color h1 a:hover, .main_color h2 a:hover, .main_color h3 a:hover, .main_color h4 a:hover, .main_color h5 a:hover, .main_color h6 a:hover, .main_color .template-search a.news-content:hover, .main_color .wp-playlist-item .wp-playlist-caption:hover {
    color: #fb6971 !important;
}

    I’ll check with the rest of the team to see if they can see what is going wrong.

    Best regards,
    Rikard

    June 12, 2021 at 5:44 pm #1305410
    Mike

    Hi,
    Thank you for your patience and for the login, taking a look at the sections on your Offerings and Speaking pages I found two issues:
    2021-06-12_112111.jpg
    In the first issue with the color of the link on hover you had this css in your Quick CSS near the top overriding the theme options
    2021-06-12_112519.jpg
    I commented it out and removed Rikard’s css and now the “FAQs” links show thge correct color on hover.
    For the second issue your text block elements with “Return to Page Overview” links are using a custom font color, the same as you had defined in your theme options
    2021-06-12_113757.jpg
    this is not nessary as it was already defined, and by doing so it overrides the theme options for the hover state also, so to correct this please cheange to “default”:
    2021-06-12_114057.jpg
    I did this you you in the “Coaching and Mentoring” section to demonstrate, please do this in the rest of the sections if you wish.

    Best regards,
    Mike

    June 18, 2021 at 12:28 am #1306248
    wordninj

    Hi Mike,

    this is an incredibly helpful response. I can see you took a good deal of time with it, which I really appreciate.

    The only thing I still can’t understand is that I still have this issue in the text block titled “Page Overview” from the front side on that same page. It is higher up on the page, and the text there is set to default. But those links are still not changing color on hover. ?

    June 18, 2021 at 12:30 am #1306249
    wordninj

    As an aside, I had someone else work on the site. I wonder if he added CSS that is affecting this? I see above that there is spacing added to the h5 tag that I did not put in.

    June 18, 2021 at 12:23 pm #1306327
    Mike

    Hi,
    Glad to hear this helped, as for the text block under “Page Overview” I see these links are H5 and for hover I see a slight conflict which I believe is due to the Advanced Styling for the H5 element which defines a new font size and the color is blank, which tells the theme to use the inherit color, which should also be fine, but the element doesn’t have the option to define a hover color so inherit is used which is the problem.
    So we will need to add a css rule either for the font size or for the color, I recommend leaving the Advanced Styling setting as is and adding this css to your Quick CSS:

    #top #wrap_all .avia_textblock  > h5 > a:hover {
	color: #fb6971;
}

    After applying the css, please clear your browser cache and check.
    Please let us know if you find any other oddities.

    Best regards,
    Mike

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