• 

  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

  Participant

  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)