Support » Theme: Twenty Sixteen » Remove underline links

  • nicolas.mahy

    (@nicolasmahy)


    I tried almost everything (see coding beneath),
    but without any result…

    What should I do to get rid of those lines underneath the links?

    a {
    background-color: transparent;
    border-bottom: none !important;
    text-decoration: none !important;
    }

    a {
    color: black;
    text-decoration: none;
    border-bottom: none !important;
    }

    a:link {
    color: black;
    text-decoration: none;
    border-bottom: none !important;
    }

    a:hover,
    a:focus,
    a:active {
    color: black;
    border-bottom: none !important;
    text-decoration: none;
    }

Viewing 15 replies - 1 through 15 (of 17 total)
  • Hey there nicolas.mahy,

    How are you doing today?

    I’ve checked the theme and the underline is actually made by using box shadow. You should be able to override it by adding the following CSS code in the style.css file of your child theme or you can add it in your site using the following plugin:

    http://wordpress.org/plugins/simple-custom-css

    .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;
    }

    Hope this helps 🙂

    Cheers,
    Bojan

    rohallah

    (@rohallah)

    hi everybody,Mr Bojan , your code is wrong and won’t work!
    Dear nicolas make a style file like mystyle.css
    and put the following code into 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
     {
       border-bottom:initial!important;
    }

    finally use this line to import above file into style.css
    @import ‘mystyle.css’

    it work well,try and tell us the result
    good luck

    nicolas.mahy

    (@nicolasmahy)

    Thanks for the fast replies! It still doesn’t work… The line stills shows

    rohallah

    (@rohallah)

    If you share your url I can help you soon
    I found out the solution
    when your wordpress verson in 4.4.1 and you want to activate theme the theme 2016 won’t be active
    I test this code in my theme Twenty Sixteen it wasn’t active! in wordpress 4.4.1 It won’t work in this version of wordpress.So
    first you should use 4.4.2 version of wordpress
    then try this code (excuse me my previous code does’t work for wordpress 4.4.2 You can try this code
    In file mystle.css put the following code

    .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: 0px 0px 0px 0px !important ;
    	color:red;
    }

    then use this in first line of your style.css of folder 2016 theme

    @import ‘mystyle.css’;

    try the way and tell me the result
    good luck

    That’s what removed all the link underlining for me:

    .entry-content a,
    .entry-summary a,
    .taxonomy-description a,
    .comment-content a,
    .pingback .comment-body > a {
    	box-shadow: none;
    	border-bottom: 0px solid #007acc !important;
    	}

    hi @nicolas.mahy I wanted to find out if you were able to Remove underline links of the site or not ?

    Hey guys,

    First of all I’ve tested the code on my sandbox site before posted it here and the code works just fine. I’ve used the plugin I mentioned above to add CSS so the same should work in child theme as well in case you’re using a child theme.

    @nicolas.mahy please post link to your site and also let me know where exactly are you adding it and make sure that you keep it added so I can take a look.

    @rohallah The code will definitely work and you shouldn’t really suggest editing theme core files as this will be overwritten first time you update the theme so this is really not a good practice.

    As for your suggestion of the use of @import you’d also want to do some research on that as well since per WP codex you should enqueue styles by using wp_enqueue_style rather then @import. You can see more here.

    Also use of important is not something you should use lightly as styles can be overridden by specificity as well. I appreciate you trying to help here @rohallah.

    Best regards,
    Bojan – WPMU DEV

    Thanks Mr(Bojan – WPMU DEV) to tell me about @import
    tonight I want to study subject child theme in codex and I also practice child theme and wp_enqueue_style I know some about them but I has never used them,Thanks so much to tell me about my mistake .We should code in true way not in way we can.I will have another post in this topic after studying child theme and wp_enqueu_style function
    Best regards

    Hey again rohallah,

    Glad I could help, this is exactly what this forum is for 🙂 We’re all here to share our knowledge and help other members so everyone can benefit from it.

    Have a great day!

    Cheers,
    Bojan – WPMU DEV

    hi Mr Bojan,the best developer in WPMU, I studied child theme completely,It was great,I tried to use it in a topic of users of wordpress.org to solve her problem .

    First the problem was her ,but now the problem is ours!
    the template we are working is ving ,her problem is the theme shows big header image in all pages she makes ,I first guide her to use css style to remove header images , but she wants to have header image in home page,after I study child theme, I suggested her to use child theme to create two template of page in child theme folder ,we made a child theme named ving-child with four files

    (screenshot.png,style.css,functions.php,and template.php) we activated child theme successfully and succeeded to use template in creating a page using it and it works well.

    now the problem is we want to create two template (one for home page and other for other page) we know the image comes from the file named custom-header.php located in inc folder ,we can’t go on due to low level of knowledge about template .
    I found a folder in ving theme name template-part but how we can use it to solve our problem ,Is it necessary to create two template for two various cases or not?

    Can we solve the problem in another way? also I ‘d like to solve by template the great possibility in wordpress .
    Best regards
    Rohallah

    link of topic I was talking about it is this
    https://wordpress.org/support/topic/customizing-header-image-1?replies=38
    Thank you!

    Mr. Bojan’s solution worked for me!!!!

    rohallah,

    The last code you listed, above, for the latest version of WP, just worked great for me (with a color change). Thanks! 🙂

    @ebhead,you’re welcome

    Hello, after an hour trying all the logical ways, this was the only solution… Thank you rohallah

    .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
    {
    border-bottom:initial!important;
    }

Viewing 15 replies - 1 through 15 (of 17 total)
  • The topic ‘Remove underline links’ is closed to new replies.