Underlined links theme 2023

  • Resolved kewteek

    (@kewteek)


    2 years, 7 months ago

    I am creating a new website, using the 2023 theme. There are unwanted thick red underlines under the logo, and other links. When I go to the links style editor, it shows that there is no underline selected. There’s also now way to change the color of that underline.

    I found this suggestion for css code in an earlier support thread, but can someone tell me specifically where to put it?

    .wp-block-navigation a:where(:not(.wp-element-button)):focus,
    .wp-block-post-title a:where(:not(.wp-element-button)):focus,
    .wp-block-site-title a:where(:not(.wp-element-button)):focus,
    a:where(:not(.wp-element-button)):focus {text-decoration: underline;}

    Thank you,

    Kewteek

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • lisa

    (@contentiskey)

    2 years, 7 months ago

    if you are trying to add custom CSS – you can install, activate and use this plugin: https://wordpress.org/plugins/simple-css/

    • This reply was modified 2 years, 7 months ago by lisa.
    Thread Starter kewteek

    (@kewteek)

    2 years, 7 months ago

    Thank you Lisa. I installed that and tried pasting that css code. It didn’t work. Anybody have suggestions to remove the underline from links?

    lisa

    (@contentiskey)

    2 years, 7 months ago

    where did you find the code? is code specific to twentytwentythree theme? does not seem to be code for all link states (if your plan is to remove all text-decoration) assuming the code is correct for the theme, maybe change {text-decoration: underline;} to {text-decoration: none;}

    found this when I inspected a link on your site

    a:where(:not(.wp-element-button)) {
    border-color: var(--wp--preset--color--primary);
    border-width: 0 0 2px 0;
    border-style: solid;
    color: var(--wp--preset--color--custom-color-5);
    text-decoration: none;
}

    the line displayed under your link that you are trying to modify MIGHT be a border instead of text-decoration, try changing to border-width: border-width: 0 0 0px 0;

    learn about CSS:https://www.w3schools.com/css/css_link.asp:

    • This reply was modified 2 years, 7 months ago by lisa.
    • This reply was modified 2 years, 7 months ago by lisa.
    Thread Starter kewteek

    (@kewteek)

    2 years, 7 months ago

    This thread:

    https://wordpress.org/support/topic/how-dow-i-remove-the-dashed-line-on-active-link/

    But I think I’m just going to find a new theme.

    Thanks for your help!

    Thread Starter kewteek

    (@kewteek)

    2 years, 7 months ago

    I’m going to close this out –

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Underlined links theme 2023’ is closed to new replies.