Return to previous page

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

This topic has 4 replies, 3 voices, and was last updated 6 years, 10 months ago ago by Olga Barlow

Ton

Participant

June 16, 2017 at 18:18

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

#165939 Copied Theme version: 3.16 WooCommerce version: 3.0.8

3 Answers

Naja Jamal

Member

June 17, 2017 at 07:12

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

Ton

Participant

June 17, 2017 at 09:59

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

Olga Barlow

Support staff

June 17, 2017 at 11:10

Hello,

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

Regards

#165960 Copied
Viewing 4 results - 1 through 4 (of 4 total)