Removing The Underline For Picture Links And Side Bar Links

  • Resolved mus2018

    (@mus2018)


    5 years, 3 months ago

    Hi there,

    I’m using WordPress Generate Press and Elementor Pro.

    This is my current code to underline all of the links in my blog posts:

    
.container a { 
border-bottom: solid
}

.container a { 
border-bottom-color: #a6a5a5
}

.home a {
	border-bottom: 0px
}

.sidebar a {
	border-bottom: 0px
}

.subscribe2 a {
	border-bottom: 0px;
}

.container toc {
	border-bottom: 0px
}

.header.entry-header {
	border-bottom: 0px
}

.header {
	border-bottom: 0px
}

#ez-toc-container ul.ez-toc-list a {
    border-bottom: 0;
}

    Thanks to Tom for helping me with this code months ago. (Some of the rest above was me trying to fix the problem I’m about to describe and can be ignored).

    As you can see from the code, I have removed the underline on links from my homepage, and links from my sidebar that was created in wordpress (subscribe2).

    I’m just wondering if there’s a way to also remove the underline on links from the *other* parts of my side bar, the parts that were created in Elementor instead of wordpress? The part that says ‘Welcome to makeup scholar’ and the part with the picture and ‘Academic Research’ written on it?

    I would also like to remove the underline from all picture links if that is possible too?

    I would also like to remove the underline from the ‘PREVIOUS / NEXT POST’ at the end of the post, and from the image in the author bio if that is possible?

    I would really appreciate your help.

    Thank you so much!

    Laura | https://makeupscholar.com

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Tom

    (@edge22)

    Hi Laura,

    What if you replaced all that CSS with this?:

    .entry-content a,
.elementor.type-post a {
    border-bottom: 1px solid #a6a5a5;
}

.wp-block-image a {
    border: 0;
}

    If that doesn’t work, I’ll help with removing the border on those specific elements.

    Let me know ??

    Thread Starter mus2018

    (@mus2018)

    Hi Tom, thanks for the reply.

    I replaced the CSS with your suggested code above and it changed the underlined links and image links to a thin black underline. The thin underline is also in the bio picture, the ‘PREVIOUS’ link button, and all of the sidebars – this time including the WordPress sidebar. It also added it to the table of contents links.

    I’ve kept the original code but if you need to see the code above I can change it for you again!

    Thanks so much. ??

    Theme Author Tom

    (@edge22)

    Ah that’s a shame, thought we could simplify the CSS but it doesn’t look like the selectors are on our side since everything is built with Elementor.

    Try adding this (as well as what you already have):

    .elementor-element-7807b7c a, 
.wp-block-image a,
.elementor-post-navigation a,
.elementor-author-box a {
    border: 0;
}
    Thread Starter mus2018

    (@mus2018)

    That worked perfectly!

    Thanks so much for your help once again Tom – you’re a lifesaver! ??

    Theme Author Tom

    (@edge22)

    Awesome, glad I could help! ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Removing The Underline For Picture Links And Side Bar Links’ is closed to new replies.