Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • August 8, 2019 at 2:06 pm #1125943
    Jak73

    Hi,
    i would like to add underline to links within my articels. Also, i would like to change the color of the links to a darker blue?
    How can i do that?

    kind regards Jak

    August 8, 2019 at 9:50 pm #1126053
    Jordan Shannon

    Hey Jak73,

    Please provide a link to the site/page in question so we can look into this issue further. Generally you add this to quick css:

    a{
text-decoration:underline;
}

    but this will underline every single link on the site which I’m sure you don’t want.

    Best regards,
    Jordan Shannon

    August 8, 2019 at 9:54 pm #1126054
    Jak73

    Hi Shannon,

    thanks for your reply!
    I added my website link in private section.

    kind regards Jak

    August 8, 2019 at 10:02 pm #1126058
    Jordan Shannon

    Hi,

    You can try the following:

    p a{
text-decoration:underline!important;
}

    Best regards,
    Jordan Shannon

    August 9, 2019 at 7:08 am #1126109
    Jak73

    Hi Shannon,

    thank you!
    where should i add this?

    kind regards
    Jak

    August 9, 2019 at 8:29 am #1126128
    Jak73

    Hi Shannon,

    i added it to quick css, thanks.

    But it seems, it does not work for links in a list.

    Please check my site and see the list on the page. I added url in private section.

    Thanks!

    kind regards Jak

    August 9, 2019 at 11:26 am #1126178
    Rikard

    Hi Jak,

    Please replace the code Jordan sent with this:

    p a, li a {
  text-decoration:underline !important;
}

    Best regards,
    Rikard

    August 9, 2019 at 12:19 pm #1126189
    Jak73

    Hi Rikard,

    it works, but it also underlines the menue links. I would like to underline only links in the textarea and list.

    How can i do that?

    kind regards Jak

    August 9, 2019 at 3:33 pm #1126247
    Jordan Shannon

    Hi,

    Add this:

    .avia_textblock p a, .avia_textblock li a {
  text-decoration:underline !important;
}

    Best regards,
    Jordan Shannon

    August 9, 2019 at 3:57 pm #1126265
    Jak73

    Hi Shannon,

    works great, thanks a lot!
    I would like to change the links to a darker blue, how can i do that?
    I only have the issue, that in the products section links not getting underlined. Would you please have a look?

    kind regrads
    Jak

    • This reply was modified 5 years, 2 months ago by Jak73.
    August 9, 2019 at 4:47 pm #1126287
    Jordan Shannon

    Hi,

    You can take care of all of the above with the following:

    .avia_textblock p a, .avia_textblock li a, .iconbox_content_container a{
  text-decoration:underline !important;
  color:#6786a1!important;
}

    Just adjust the color code to what you need.

    Best regards,
    Jordan Shannon

    August 9, 2019 at 5:33 pm #1126303
    Jak73

    Hi Shannon,

    works like charm! Thanks a lot!

    kind regards

    Jak

    August 9, 2019 at 5:46 pm #1126308
    Jordan Shannon

    Hi,

    No problem I’m happy to help. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘How to underline links on website’ is closed to new replies.