I have added inventory count to my website’s product grid and now the formatting / spacing of the product title, inventory count, and price are a little bit further apart than I would like. How would I go about changing and playing around with the formatting of this data? I am using the Crave theme. Thank you in advance!
Can you send the page URL so I can check it?
The theme I am using is under construction still so it is not live yet. Here is an example of what it looks like on the product grid. I am probably going to add an additional meta field to these other three lines of information, but I feel like it is too spaced apart and if I add anything else it will look worse. Do you know how to make the spacing smaller or how to format this information below the product image?
You can remove/reduce the margins or padding on the elements to reduce the extra spacing. I can only test the CSS if I can check the page from the inspector.
Do you know where within the theme code I can edit those settings, specific to the product grid? Any references to specific lines or CTRL + F key words would be greatly appreciated! Our website is GRW Wine Collection - Wine Cellar, Carlsbad, CA Buy | Sell but the current theme being used is outdated, which is why I am trying to transition our theme to a new one.