In which file should I add the DIV and what should I look for in the file?

Question

PHP

To solve the cd task, I need to add another DIV, but I can't figure out which file to make changes to and what to look for in the file.
Why I decided to add a DIV - then, after editing the "Quantity Selection" and "Order Buttons" blocks (tried to align horizontally), everything looks fine on one page:
boulinaw.bget.ru/tovar/porshulya-na-vybor
And on another page everything moves out...
boulinaw.bget.ru/tovar/porsh-911
So I thought that it would not be bad to create an additional. div to make it work...

Answer 1

Divas are not needed there, for starters, add the mold in the styles display: flex;and then align it with the paddings there.

Answer 2

All templates are stored in wp-content/plugins/woocommerce/templates/ The main product card template is content-single-product.php . All the templates that are used are written inside,
woocommerce_template_single_title
woocommerce_template_single_rating
woocommerce_template_single_price
woocommerce_template_single_excerpt
woocommerce_template_single_add_to_cart
woocommerce_template_single_meta
woocommerce_template_single_sharing etc. They are in the single-product folder.
In order to change the templates, you need to copy them to the "woocommerce" folder in your theme while maintaining the hierarchy. Copy the templates that you want to change (you can easily guess by the names which one is responsible for what). but in general, yes, in this case, you can do without CSS