Support » Plugin: WPB Accordion Menu or Category » How to remove border-bottom

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author wpbean

    (@wpbean)

    Hi,

    Try the following cdd code to remove the border.

    .wpb_category_n_menu_accordion > ul > li:not(:last-child) > a {
        border-bottom: 0;
    }

    Good to know you link this plugin, We need your support for this plugin,
    Please give this plugin a rating. Huge tanks in advance.

    You shouldn’t use !important in your plugin, it just makes it hard for us users to customize the style because it’s not recommended to hack plugins or core files.

    This is the file without any !important statement:

    .wpb_category_n_menu_accordion * {
      -webkit-font-smoothing: antialiased;
    }
    .wpb_category_n_menu_accordion ul li {
      list-style: none;
      display: block;
      position: relative;
    }
    .wpb_category_n_menu_accordion ul {
      padding: 0;
      margin: 0;
    }
    .wpb_category_n_menu_accordion ul.children,
    .wpb_category_n_menu_accordion ul.sub-menu {
      display: none;
    }
    .wpb_category_n_menu_accordion ul > li {
      margin: 0;
      padding: 0;
    }
    .wpb_category_n_menu_accordion ul > li li {
      margin: 0;
      background: #383838;
    }
    .wpb_category_n_menu_accordion ul > li li a {
      color: #f5f5f5;
    }
    .wpb_category_n_menu_accordion a {
      display: block;
      outline: none;
      text-decoration: none;
    }
    .wpb_category_n_menu_accordion ul li > a > span.wpb-submenu-indicator {
      float: right;
      font-size: 20px;
      line-height: 22px;
      font-weight: bolder;
      -o-transition: transform .3s linear;
      -moz-transition: transform .3s linear;
      -webkit-transition: transform .3s linear;
      -ms-transition: transform .3s linear;
    }
    .wpb_category_n_menu_accordion li.wpb-submenu-indicator-minus > a > span.wpb-submenu-indicator {
      -ms-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }
    .wpb_category_n_menu_accordion li > a:hover > span.wpb-submenu-indicator {
      color: #fff;
    }
    .wpb_category_n_menu_accordion > ul > li > a:hover {
      background-color: #383F4A;
      color: #fff;
    }
    .wpb_category_n_menu_accordion > ul > li li > a {
      border-left: solid 6px transparent;
      -o-transition: border .2s linear;
      -moz-transition: border .2s linear;
      -webkit-transition: border .2s linear;
      transition: border .2s linear;
    }
    .wpb_category_n_menu_accordion > ul > li li:hover > a,
    .wpb_category_n_menu_accordion > ul > li li.current-cat > a,
    .wpb_category_n_menu_accordion li.wpb-submenu-indicator-minus > a {
      border-left-color: #414956;
    }
    .wpb_category_n_menu_accordion li a {
      font-size: 12px;
      line-height: 18px;
      padding: 14px 22px;
      font-weight: 600;
      -o-transition: color .2s linear,background .2s linear;
      -moz-transition: color .2s linear,background .2s linear;
      -webkit-transition: color .2s linear,background .2s linear;
      transition: color .2s linear,background .2s linear;
    }
    .wpb_category_n_menu_accordion > ul > li > a {
      font-size: 14px;
      line-height: 20px;
      padding: 14px 22px;
      background: #3b424d;
      color: #f5f5f5;
    }
    .wpb_category_n_menu_accordion > ul > li:not(:last-child) > a {
      border-bottom: 1px solid #383F4A;
    }
    .wpb_category_n_menu_accordion > ul > li:last-child > a {
      border-bottom: 0;
    }
    .wpb_category_n_menu_accordion > ul > li > ul > li > a,
    .wpb_category_n_menu_accordion > ul > li > ul > li > ul > li > a {
      border-bottom: 0;
    }
    
    /* Cat Count */
    
    .wpb_category_n_menu_accordion ul li .wpb-wmca-cat-count {
      min-width: 20px;
      position: absolute;
      right: 40px;
      top: 15px;
      font-size: 11px;
      font-weight: 800;
      color: #555;
      text-align: center;
      background: #f0f0f0;
      border-radius: 50%;
      height: 20px;
      line-height: 20px;
      -webkit-font-smoothing: antialiased;
    }
    
    /* Padding Left */
    
    .wpb_category_n_menu_accordion > ul > li > ul > li > a {
      padding-left: 30px;
    }
    .wpb_category_n_menu_accordion > ul > li > ul > li > ul > li > a {
      padding-left: 45px;
    }
    
    /* ==========================================================================
       RTL style
       ========================================================================== */
    
    body.rtl .wpb_category_n_menu_accordion ul li > a > span.wpb-submenu-indicator {
      float: left;
    }
    body.rtl .wpb_category_n_menu_accordion > ul > li > ul > li > a {
      padding-left: 14px;
      padding-right: 30px;
    }
    body.rtl .wpb_category_n_menu_accordion > ul > li > ul > li > ul > li > a {
      padding-left: 14px;
      padding-right: 45px;
    }
    body.rtl .wpb_category_n_menu_accordion > ul > li li > a { 
      border-right: solid 6px transparent;
      border-left: 0;
    }
    body.rtl .wpb_category_n_menu_accordion > ul > li li:hover > a,
    body.rtl .wpb_category_n_menu_accordion > ul > li li.current-cat > a,
    body.rtl .wpb_category_n_menu_accordion li.wpb-submenu-indicator-minus > a {
      border-right-color: #414956;
    }
    body.rtl .wpb_category_n_menu_accordion ul li .wpb-wmca-cat-count {
      left: 40px;
      right: inherit;
    }
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to remove border-bottom’ is closed to new replies.