Return to previous page

Sidebar on product category page - by smk

This topic has 5 replies, 3 voices, and was last updated 8 years, 11 months ago ago by Eva Kemp

smk

Participant

May 28, 2015 at 12:43

Hi

I’m working on this hamper site and on the homepage for example I have a left hand sidebar called shop by occasion.

This use to display on the product category pages as well but it has disappeared and I don’t know where to switch it back on?

Can you please give me some guidance on how I can do this?

I have posted the link to the page with the sidebar and an example of a page where I want it on the left hand side.

Thanks

Please, contact administrator
for this information.

#66615 Copied

4 Answers

Stan Russell

Participant

May 28, 2015 at 13:06

Hello,

as we can see – both pages have product categories widgets on left sidebar which have different only border and title heading. Do you want product-category/hampers-for-kids/ page to have such style for sidebar widget?

Regards,
Stan Russell.

#66627 Copied

smk

Participant

May 28, 2015 at 13:07

Hi

Yeah I’m been trying to fix it and have it working but it would be good to have the same style as the homepage left sidebar, so yes how do i do that?

Thanks

#66628 Copied

smk

Participant

May 28, 2015 at 13:12

Hi

I have also posted a topic here is the id number #66580

Not sure if it posted properly and has been seen?

Thanks

#66633 Copied
Eva Kemp

Support staff

May 28, 2015 at 14:30
Hello,

Please add this code in custom.css file:
```
.sidebar-widget.woocommerce.widget_product_categories {
    border: 2px solid #CDA85C;
}
.sidebar-widget.woocommerce.widget_product_categories .widget-title {
    border-top: none;
    border-bottom: none;
    background-color: #CDA85C !important;
    text-align: center !important; 
}
.sidebar-widget.woocommerce.widget_product_categories .widget-title span {
   background-color: #CDA85C;
   color: white !important;
}
.sidebar-widget.woocommerce.widget_product_categories .product-categories > li > a {
  padding: 17px 20px !important;
}
```
How to create custom.css you can watch in this tutorial (it’s for Legenda theme but the process is the same).

Thank you.
Regards,
Eva Kemp.
#66669 Copied
Viewing 5 results - 1 through 5 (of 5 total)