• Resolved mjd67

    (@mdessen)


    I’d like to remove the grey borders between items in the side menu in a site using the Twenty Fourteen template, but I can’t figure out how. I have a child theme and found the CSS that is causing it, but when I add new CSS in the editor, it still generates page-level CSS that overrides my change. If anyone could help, I”d be very grateful!

    This is the site:
    https://unconfirmedmakeshiftmuseum.org

    The CSS that I think should fix it (based on using the web inspector in Safari and editing the CSS there) but gets overridden when I try adding it to my styles.css is this:

    .site-navigation li, #secondary, .secondary-navigation, .secondary-navigation li, .widget table, .widget th, .widget td, .widget_archive li, .widget_categories li, .widget_links li, .widget_meta li, .widget_nav_menu li, .widget_pages li, .widget_recent_comments li, .widget_recent_entries li, .widget_categories li ul, .widget_nav_menu li ul, .widget_pages li ul, .widget abbr[title]
    {
    border-color: rgba(255, 255, 255, 0.2);
    }

    Thanks in advance for any help!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hello mjd67,

    Try adding this to your child theme’s style.css

    .site-navigation li {
    	border: none;
    }

    Let me know if that works! ??

    Best Regards,
    Calvin

    Thread Starter mjd67

    (@mdessen)

    Calvin-
    Thanks so much! That got rid of almost all the lines except the very bottom one underneath the whole menu. I can’t find the code to get rid of that bottom one, though. I tried adding this but no luck:

    .site-navigation ul {
    border: none;
    }

    Any ideas? Many thanks!!

    Thread Starter mjd67

    (@mdessen)

    Forget that, I just found it. This worked:

    .secondary-navigation
    {
    border: none;
    }

    Many thanks for your help!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Twenty Fourteen: How to remove borders on side menu?’ is closed to new replies.