Hi Abdulaziz,

Thanks for contacting us here.

Could you please describe how you would like it to be so that we can offer the correct custom code (size, height & width, etc) ? Do you want to insert the custom code on your own on your site or we help you do that?

After receiving your feedback, I will send your ticket over to our developer.

Best regards.

Hi Abdulaziz,

Thank you for the feedback.

I have assigned one of our developers to help you with that. He’ll be looking into your question and responding with specific instructions as soon as possible. 

Please stay patient as we're having very heavy workloads, it might take some time for our developers to reach back.

Best regards.

Hi Abdulaziz,

Please add below CSS code to WP-Admin → Appearance → Customize → Additional CSS:

.wooco_component_product_selection .dd-selected-image, .wooco_component_product_selection .dd-option-image {
    width: 150px;
    max-width: 150px;
    height: auto;
}
.wooco_component_product_selection .dd-option, .wooco_component_product_selection .dd-selected {
    padding: 0;
}
.wooco_component_product_selection .dd-selected-text, .wooco_component_product_selection .dd-option-text {
    display: block;
    margin-top: 60px;
}

And the result https://www.screencast.com/t/VMqjdmzeF0J

I can't add the code for that "The tab should be 628x212", it's based on your theme, and needs to check your public product link.

Please add below CSS code for this image

.wooco_component_product_image {
    width: 150px;
    flex: 0 0 150px;
    margin-right: 5px;
}
.wooco_component_product_image img {
    width: 150px;
    max-width: 150px;
    height: auto;
}