Twenty Sixteen remove underline links in widget?

Link me the thread for that and you’re welcome, no idea who thought of that idea but hey we can work with it! ??

I’m glad I found a solution for you buddy.

P.S.

Please mark this as resolved to save moderators some time going through threads, if you can thanks.

Done, thank you sir! https://www.ads-software.com/support/topic/twenty-sixteen-images-only-display-vertically?replies=3

Most welcome! I’ll look into your other issue now.

The underline effect is achieved with box-shadow, not text-decoration or border-bottom. I have no idea why they chose to do it that way.

Lines 735-745 contain the following.

.entry-content a,
.entry-summary a,
.taxonomy-description a,
.logged-in-as a, .comment-content a,
.pingback .comment-body > a,
.textwidget a,
.entry-footer a:hover,
.site-info a:hover {
    box-shadow: 0 1px 0 0 currentcolor;
}

In your child theme, you can add the following to remove it.

.entry-content a,
.entry-summary a,
.taxonomy-description a,
.logged-in-as a, .comment-content a,
.pingback .comment-body > a,
.textwidget a,
.entry-footer a:hover,
.site-info a:hover {
    box-shadow: none;
}

Hi, I also have a question about the box shadow thing. If I uncheck the box shadow, the underline disappears. But then, when I refresh the page, the underline is back. Is it possible to remove the underline permanently?

I use firefox and chrome and checked it in both. I don’t see underlines in either browser in your widgets Andy.

I lied, this does it for me. I didn’t see it under itunes the first time.

.textwidget a{
box-shadow: 0 0 0 0 currentcolor;
}

• This reply was modified 8 years, 3 months ago by lazyym.

Hi lazyym,

Thanks for your response.

I put this in the stylesheet of my wordpress page I imagine?

Thanks,

Andy

Yes

https://myenglishpodcast.com/wp-admin/theme-editor.php

Hey again,

So, the solution didn’t work… I don’t know how to remove it!

It is underlined with a blue line until you hover over it with your mouse then it is gone.

Here is the CSS from my Stylesheet.

/*
Theme Name: Twenty sixteen child
Version: 1.0
Description: A child theme of Twenty Sixteen
Template: twentysixteen
*/

@import url(“../twentysixteen/style.css”);

/* =Header
————————————————————– */

.page-header::after, .entry-header::after {
background: none;
}

#g104-name {width: 500px;}
#g104-email {width: 500px;}
#g104-website {width: 500px;}
#g104-message {width: 800px;}

.entry-title { font-size: 26px; }

.site-header {
padding-top: 0px;
}

.header-image {
margin-top: 0px;
margin-bottom: 0px;
}

.entry-content a,
.entry-summary a,
.taxonomy-description a,
.logged-in-as a, .comment-content a,
.pingback .comment-body > a,
.textwidget a {
box-shadow: 0 0 0 0 currentcolor;
}

.entry-footer a:hover,
.site-info a:hover {
box-shadow: 0 0 0 0 currentcolor;
}

I’m literally pulling my hair out over this. What is going on?

Thanks for your time ??

Andy