Return to previous page

Topic: Change the look of the categories block title on the shop page

Ton

Participant

June 16, 2017 6:18 pm

Hi,

On the shop page, http://beta.skincarecenter.nl/winkel/, you see a big red block with word ‘Categories’.
I would prefer that it has a much more simlipfied look and feel. For example a white block with a small red line around it. Or at least a change of color to white/ light grey.
Is that possible?

Thanks, Ton
Site URL: hidden
Theme version: 3.16
WooCommerce version: 3.0.8

#165939 copied to clipboard

Like

Naja Jamal

Member

June 17, 2017 7:12 am

to change the text ‘categories’:

.sidebar-widget.widget_product_categories .widget-title { color: #000; }
change the colour code as you want

to change the block / background color:
.widget_product_categories .widget-title { background-color: #FF0; }

to add the border/outline :

.sidebar-widget.widget_product_categories .widget-title { border: 2px solid #000;}

put the above code in 8theme options >> styling >> custom css >> global custom css
change the color code and combine the combination as you want.

#165949 copied to clipboard

Like

Ton

Participant

June 17, 2017 9:59 am

Hi,

Thank you for the quick response.
All worked except for the background color.

You wrote:
.widget_product_categories .widget-title { background-color: #FF0; }

But it should have been:
.sidebar-widget.widget_product_categories .widget-title { background-color: #FF0; }

Now it is OK.

Have a nice weekend.

Ton.

#165954 copied to clipboard

Like

Olga Barlow

Support staff

June 17, 2017 11:10 am

Hello,

We are glad that you sorted out. Have a nice weekend too!

Regards

#165960 copied to clipboard

Like