Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 14, 2017 at 10:01 pm #778080
    mcraig77

    Ahoy,

    I have some google code on my website. For some reason it is underlined when the mouse is not on it but when rolled over the line disappears. Do you know how I remove the underline or make the underline just appear when hovered?

    April 14, 2017 at 11:35 pm #778096
    Jordan Shannon

    Hey mcraig77,

    Try adding the following to quick css:

    a#number_link{
text-decoration:none!important;
}

a#number_link:hover{
text-decoration:underline!important;
}

    Let me know if this works for you.

    Best regards,
    Jordan Shannon

    April 15, 2017 at 6:46 am #778125
    mcraig77

    That worked! But one thing… Is there a way to make it so the number does not change colors on hover?

    April 15, 2017 at 7:31 am #778140
    John Torvik

    Hi,

    Just add this property inside the a#number_link:hover

    color: #1D6047;

    Best regards,
    John Torvik

    April 15, 2017 at 8:18 pm #778278
    mcraig77

    Ahoy,

    I tried this but it didnt work. I also tried with !important;

    a#number_link:hover{
text-decoration:underline!important;
color: #1D6047;
}

    Please Advise

    April 15, 2017 at 8:55 pm #778283
    Mike

    Hi,
    Please try to clear your cache, the number didn’t change colors for me on hover.

    Best regards,
    Mike

    April 15, 2017 at 9:15 pm #778285
    mcraig77

    Ahoy Mike,

    Your looking at the wrong phone number instance. See screenshot to still see the issue. I tried clearing the cache and other browsers and it is still changing color.

    April 15, 2017 at 10:33 pm #778298
    Mike

    Hi,
    Oh, my mistake, glad I added that screenshot :)
    Try this code in the General Styling > Quick CSS field:

    a#number_link:hover {
    text-decoration: underline!important;
    color: inherit !important; 
    opacity: 1 !important; 
}

    Best regards,
    Mike

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