So I got this code for another forum Thank you for all your help!!
.home .woocommerce.columns-4 {
padding-left: 30px;
padding-right: 30px;
text-align: center;
}
Also it looks like the code provided helped with the product but can you tell me how to make the Sale look the same. This is the short code I have using for them. If you scroll down on the home page you will see the sales section.
Hi again,
Regretfully further customization from here would be getting into custom development, which is outside the scope of support we can offer. If you need more in depth changes, you may wish to consult with a developer. X is quite extensible with child themes, so there are plenty of possibilities.
With that being said, you can refer to the following links https://www.w3schools.com/css/css_margin.asp and https://www.w3schools.com/css/css_padding.asp for the element spacing and you can apply your CSS using https://developer.chrome.com/devtools to see them in action. For general CSS styling please see https://www.w3schools.com/css/default.asp
Hope this helps!