Hello,

1) Please try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

.woodmart-archive-shop .sidebar-container {
    max-width: 20%;
}

2) It is not possible to add space as you mentioned. Because by default the margins are set to 0. And it is not possible to change them with simple Custom CSS.

It will require customizations and this is beyond our limitations and support policy.

3) Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.product-grid-item .woodmart-more-desc {
    max-height: 50px;
}

4) Sorry but it is not possible to add space as you mentioned and fill the product as you required. Because the space is created due to the margin value that is added to add space between the grids and of the width value.

Therefore if you need to fill products to the empty space then you need to remove the margin value that is added to add space between the product grids

5) Please try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

.products-bordered-grid.woodmart-spacing-30 .product-grid-item {
    margin-top: 15px;
}

Best Regards.