ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Atelier
• November 27, 2016 at 9:30 pm #303842
  haastee

  Member

  Post count: 47

  Hello,

  I got some questions about styling the sidebar:

  1) How to change the text size of the sidebar widget heads (they are H3 but if I want to make them differ from H3?)?

  2) How to change the color and line stregth of the line just below the widget heads?

  3) How to change the white space below the widget heads? How the white space not only between category lists but also quality lists (in my URL for example the list below “FILTERN NACH WEINREGION”)?

  4) How to change the lines in the categories and qualities list (on my URL the lines below “WEISSWEIN” and “ROTWEIN”)?

  5) How to change the text color of the main categories of products in a sidebar list (on my URL “WEISSWEIN” and “ROTWEIN”)?

  Thanks a lot and best regards,

  Michael

  November 29, 2016 at 1:27 pm #304175
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  1)

  .widget .title-wrap .spb-heading {
      font-size: 18px;
   }

  2)

  .widget .title-wrap .spb-heading>span {
      border-bottom: 2px solid #ccc;
  }

  3)

  .widget .title-wrap {
      margin-bottom: 5px;
  }

  4)

  .widget ul li, .widget li, 
  .widget.widget_lip_most_loved_widget li {
      border-width: 5px !important;
      border-color: red !important;
  }

  5)

  .woocommerce .widget_product_categories ul > li a {
      color: red;
  }

  November 30, 2016 at 2:07 pm #304455
  haastee

  Member

  Post count: 47

  Thanks a lot!

  Nr 3b seems not to work yet: How to change the white space not only between category lists but also attribute lists (in my URL for example the list below “FILTERN NACH WEINREGION”) – sidebar-lists of attribute-content seem not to respond to any custom css.

  November 30, 2016 at 3:44 pm #304483
  haastee

  Member

  Post count: 47

  I found a soulution that works fine with changing the line-height of sidebar-widget-lists:

  /*sidebar CATEGORY widgets line height*/
  .woocommerce .widget_product_categories ul > li a {
  line-height: 10px!important;
  }

  /*sidebar ATTRIBUTES layered nav widgets line height*/
  .widget_layered_nav ul > li {
  line-height: 10px!important;
  }

  November 30, 2016 at 3:46 pm #304485
  David Martin – Support

  Moderator

  Post count: 20834

  Great, glad that helped you out. Is that all your queries answered?

  November 30, 2016 at 4:02 pm #304491
  haastee

  Member

  Post count: 47

  Nr 5 – your css changes the whole list, but I wanted to change only the parent-categories´ color…is there a way to do this?

  November 30, 2016 at 5:09 pm #304509
  David Martin – Support

  Moderator

  Post count: 20834

  No problem, sure:

  .woocommerce .widget_product_categories ul > li.cat-parent > a {
    color: green !important;
  }

• Back to forum

  Posted in: Atelier