Site logo

[Resolved] text hover

Home Forums Support [Resolved] text hover

Home Forums Support text hover

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #2064581
    Franz

    hello,
    I am using the lastest version of wordprss and gp premium. My problem: since quite a few weeks, when hovering over menu items and links in the content, text decoration underline appears. This happens, although in the customizer => general => underline links, ‘never’ is defined (is this a bug?) I do not have any specific css regarding hovering of text.

    1. I don’t want at all, on the entire site, this ugly underline when hovering menu items or any links in the content.
    2. But instead, I would like to have other effects such as othr text color or what else is possible?

    could you advise me to use a specific css? I tried with the css code

    .site-content p a:hover {
    text-decoration: none;
    }
    or
    a:hover {
    text-decoration: none;
    }

    but these two codes block all hovering effects. Any advice?

    Kind regards

    Franz

    #2065053
    David
    Staff
    Customer Support

    Hi there,

    can you share a link to the site so i can see whats causing that ?

    #2065946
    Franz

    hi David, this is https://rechtskonform.ch/

    #2066306
    David
    Staff
    Customer Support

    The site is loading Bootstrap style sheets ( the Cred Frontend Editor / Toolset plugin ? ) which is adding this CSS:

    a:hover {
        color: #0056b3;
        text-decoration:underline
    }

    If bootstrap is required then you need to add some other CSS to get rid of it:

    a:hover {
        text-decoration: none !important;
    }
    #2066335
    Franz

    Many thanks, David, and yes, I need Bootstrap and Toolset. Your code works fine, but what kind of styling can I use then when links are hovered? Is there any css code to implement this? Or does generate press propose such styling in the customizer? (I didn’t find anything…)

    Kind regards

    Franz

    #2066625
    David
    Staff
    Customer Support

    Ok so you can use some CSS.
    For example if you just want to style the links in the post content:]

    .entry-content p a {
        color: #ff0000;
    }
    .entry-content p a:hover {
        color: #0000ff;
    }

    This will set a red color for text links and change it to blue on hover. Update the colors as you need.

    If theres another style that you can share an example of then i would be happy to look at its CSS

    #2067050
    Franz

    many thanks, David, this Code works fine, so I am trying to find solution for me. Kind regards
    Franz

    #2067374
    David
    Staff
    Customer Support

    Glad to be of help!

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