Ever since WordPress 4.7, you can now add custom CSS styles right in the Customizer. You can do this in your WordPress dashboard –> Appearance –> Customize. Then, click on “Additional CSS.” Inside the Customizer, navigate to one of your product pages so that you can test this CSS and preview how it will appear.
Sadly that puts it to the far right of the screen, would it be possible to have it with similar spacing to the above? also the first attribute loads center screened