several questions so I don’t open too many threads

hello.

I send some screenshots and video.

1 – how do i control the product layout in the list view.
i leave screenshot of how i see it in xstore currently (i didn’t touch anything but the image relation in woocommerce. 4:5 currently)

2 – How do I have control over the size of the text price of the products.?

3 – How do I leave more space between the product cards in the grid mode?
Currently they are very close to each other.

4 – in the categories dropdown, i need to color the background hover when i move the mouse over the listing. currently it is a barely visible gray.

tanks!

Please, contact administrator
for this information.

Hello,

1) Don’t have access to your screenshots. Could you, please, explain in more detail what exactly you want to control? In the Theme Options > WooCommerce > Product images (these settings are default WooCommerce settings by the way) you can set the catalog image width and crop image according to proportions or use uncropped images if you need. There are no any other settings for the product images. So, what exactly do you want to change?

2) You can change the size of the price using below code in Theme Options > Custom CSS

.template-container .content-product .price {
    font-size: 20px;
}

3) Use the custom code to add more space between items

.content-product {
    padding: 10px;
}

4) Use the below code

.fancy-select-results ul li:hover {
    background: #00bf84;
    color: #fff;
}

Regards

I am very sorry.

I don’t know why the links were not shared. I have already accepted the sharing requests you sent me.

Hi. I was able to do almost everything.

on the “store” page i would like to leave more space between the column where the filter widgets are on the left and the products on the right. i couldn’t do it with yellow pencil. can i control the padding?

The layout is set to 1200px.
maybe making narrower the filter column in case you can’t increase the padding.

Please contact administrator
for this information.

Hello,

Got images.

1) Don’t understand what exactly you want to change for the product images. Explain in more detail, please.
2), 4) Did you try the code I provided you?
3) Use this code to add more space

@media (min-width: 993px){
    .content.main-products-loop {
        padding-left: 50px;
    }
}

Regards

YES.., the code you sent me worked perfectly. so we will close this topic.

THANKS!

Please contact administrator
for this information.