Выровнять кнопки сайдбар

как выровнять ссылки на категории в сайдбаре слева и сделать вокруг окантовку ?

Куда еще их выравнивать?
Что такое окантовка? border?

Искал на форуме не нашел ответа

Естественно. Это же форум по wordpresws, а не букварь по css.

Да, border

что-то типа

.product-categories li {
    border: 1px solid silver;
}

В дополнительные стили кастомайзера.

А можно ли как то сделать чтобы при наведении на категорию, выпадал список товаров ?

Как-то можно 🙂 Возможно, есть такие виджеты, не знаю.

Вопрос в том, а нужно ли? Пока товаров в категории три-четыре-пять, это нормально. А если выпадет двадцать-пятьдесят-сто — будет абсолютно неюзабельно.

Как вариант, вместо списка сделать виджет с нав. меню с категориями на первом и товарами на втором уровне.