Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 6, 2018 at 6:24 pm #894158
    johnjosephjohansson

    Hi all, I realize this is a basic CSS question, but I’ve been working on it for a while and it’s been driving me crazy. I’ve researched the topic but haven’t found anything that works.

    I would like to underline the costume links in the lists on the right side of this page: http://thechildrensballet.com/costumes. This is not a sidebar, just a column. The links should operate like all other body text links on the site, with underlines on a:link and no underlines on a:hover. Instead, these list links operate the opposite way — they show no underline on a:link and show an underline on a:hover.

    I’ve tried using ID’s and classes for the UL, the LI and the links in the Quick CSS, but nothing seems to be working. I’ve used !important as well.

    If you could provide some guidance, I would really appreciate it. Thanks!

    January 6, 2018 at 9:12 pm #894204
    Victoria

    Hey johnjosephjohansson,

    Can you please disable caching and minification while we are helping you? We need to be able to test css rule that we write.

    Best regards,
    Victoria

    January 6, 2018 at 9:50 pm #894212
    johnjosephjohansson

    Thank you, Victoria! I have disabled caching and minification.

    John

    January 6, 2018 at 11:25 pm #894254
    Mike

    Hi,
    I added the custom classes option to your child theme for the layout builder, by adding this code to your child theme functions.php file in Appearance > Editor:

    add_theme_support('avia_template_builder_custom_css');

    Then I went to the bottom of your text block element and added “costumes” as the css class.
    2018-01-06_161449
    Then I added this code in the General Styling > Quick CSS field:

    .costumes a {
    color: #155563 !important;
    text-decoration: underline !important;
}
.costumes a:hover {
    color: #155563 !important;
    text-decoration: none !important;
}

    I wasn’t sure if you wanted to use the same colors, so you can change that if you like.

    Best regards,
    Mike

    January 7, 2018 at 3:47 am #894275
    johnjosephjohansson

    Thanks, Mike! I really appreciate your help. That worked perfectly.

    January 7, 2018 at 6:41 am #894307
    Rikard

    Hi,

    Great, glad we could help :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    January 8, 2018 at 5:46 am #894590
    johnjosephjohansson

    Thanks — you can close the ticket.

    John

    January 8, 2018 at 7:03 am #894619
    Rikard

    Hi John,

    Thanks for letting us know. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘How to underline link text in lists with CSS’ is closed to new replies.