PLEASE!!! HELP!!! SIDEBAR

This topic has 5 replies, 2 voices, and was last updated 6 years, 7 months ago by Artem Temos.

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

Author

Posts

July 12, 2018 at 3:32 pm #67223

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

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

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

You are welcome.