Home › Forums › WoodMart support forum › PLEASE!!! HELP!!! SIDEBAR

PLEASE!!! HELP!!! SIDEBAR

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 12, 2018 at 3:32 pm #67223

    Carlos T
    Participant

    good morning. I would like to know how to add an aspect of buttons or border around each title to the categories widget in the sidebar and also in the main menu. I attach an image

    Attachments:
    You must be logged in to view attached files.
    July 12, 2018 at 6:14 pm #67240

    Artem Temos
    Keymaster
    Xtemos team

    Hi,

    Try to add the following code snippet to the Custom CSS area in Theme Settings for mobile devices

    /* Category widget style */
.widget_product_categories .product-categories {
    border:1px solid rgba(121, 121, 121, 0.38);
}
.widget_product_categories .product-categories > li:not(:last-child) {
    border-bottom:1px solid rgba(121, 121, 121, 0.38);
}
.widget_product_categories .product-categories > li {
    padding-left:10px;
}
div.widget_product_categories .product-categories > li > a {
        padding-top: 11px;
    padding-bottom: 11px;
}
.widget_product_categories .product-categories > li .woodmart-cats-toggle {
        top: 9px;
    right: 5px;
}

    and this part to the global CSS section

    /* Navigation style */
.main-nav.navigation-style-bordered .menu {
    border: 1px solid rgba(255,255,255,.25);
}

    Regards

    July 12, 2018 at 7:30 pm #67256

    Carlos T
    Participant

    but what I see is that it does not add the lines to the categories that are inside another (sub category) attached image

    Attachments:
    You must be logged in to view attached files.
    July 13, 2018 at 6:21 am #67277

    Artem Temos
    Keymaster
    Xtemos team

    Try to replace the code for mobile devices with this one

    /* Category widget style */
.widget_product_categories .product-categories {
    border:1px solid rgba(121, 121, 121, 0.38);
}
.widget_product_categories .product-categories li:not(:last-child) {
    border-bottom:1px solid rgba(121, 121, 121, 0.38);
}
div.widget_product_categories .children {
    padding-left: 0px;
      margin-left: -10px;
        border-top:1px solid rgba(121, 121, 121, 0.38);
}
.widget_product_categories .product-categories li {
    padding-left:10px;
}
div.widget_product_categories .product-categories li a {
        padding-top: 11px;
    padding-bottom: 11px;
}
.widget_product_categories .product-categories .woodmart-cats-toggle {
        top: 9px;
    right: 5px;
}
    July 13, 2018 at 2:12 pm #67325

    Carlos T
    Participant

    thanks!!!!

    July 13, 2018 at 2:18 pm #67327

    Artem Temos
    Keymaster
    Xtemos team

    You are welcome.

  • Author
    Posts

Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)