Hmmm, I take that back. It’s not easy, because that Woocommerce widget is not generating HTML code for what you need. What I mean by that, is that the subcategory items are not nested lists inside a parent list item.
So you will need to know the category ID for the list items you want to shift to the right. You can use any browser code inspection tool, I used Firebug. You can also go to your product categories and hover the category name – the status bar in your browser will show you the ID for that category.
Here’s how you can shift those A4-6 leaflets:
.widget_product_categories .cat-item-45, .widget_product_categories .cat-item-46, .widget_product_categories .cat-item-51 {
padding-left: 15px;
}
And here’s some code for the product variations select dropdown:
.variations_form option {
font-size: 12px;
padding: 5px 0;
}
The padding is there to add some top and bottom margins, so they’re better spaced. Adjust as necessary.
Regards,
————————————————————————————————————
Cosmin – Support
.