Remove text decoration for link created in the footer

  • Resolved Lee

    (@junior)


    10 months, 1 week ago

    Hi,

    Thanks for the awesome theme. It’s working great for my site ??

    I created a copyright link in my footer (I created a pattern called footer and added to all of my pages) and would like to remove the underline for that text. If I edit the style using the built in style editor under the theme style->edit style, it removes the underline everywhere which I do not want.

    I know that links are meant to behave this way so I understand that this is more of a personal customization request.

    Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Moderator jordesign

    (@jordesign)

    Hi @junior. Agreed it can be a little tricky when the desire is for one link (or block) to behave differently from the default.

    In this case – we can use some CSS code to change things up for that particular link – but first we need to set up a way to target it specifically.

    When you go to edit the copyright text (in whatever block it is) could you please go to the Block Settings > Advanced and add footerLink to the ‘ADDITIONAL CSS CLASS(ES)` field.

    If you can then share the URL of the site – so I can take a look at the site once that is in place – I’ll see what CSS code we need.

    Thread Starter Lee

    (@junior)

    I was actually able to figure it out with the hints you provided. Thank you!

    Thread Starter Lee

    (@junior)

    @jordesign, turns out I was wrong. My workaround didn’t work at all. Here’s my site with the CLASS field as you requested.

    Edit: The class has been added to the About page.

    • This reply was modified 9 months, 4 weeks ago by Lee.
    Moderator jordesign

    (@jordesign)

    Perfect! Now what you can do is add this CSS code to the site:

    .footerlink a {
    text-decoration:none;
}

    You can do that following these instructions:
    https://www.ads-software.com/documentation/article/styles-overview/#site-wide-custom-css

    Thread Starter Lee

    (@junior)

    Worked perfectly! Thank you!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Remove text decoration for link created in the footer’ is closed to new replies.