Sidebar styling questions

[haastee]

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

[David Martin – Support]

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;
}

[haastee]

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.

[haastee]

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;
}

[David Martin – Support]

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

[haastee]

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?

[David Martin – Support]

No problem, sure:

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