Something happened to the spacing between lines of text in my web headings. The site is not live yet, but I’ve attached a PDF with a screenshot examples.
I am not savvy with custom CSS and don’t make changes there. I was simply adding and customizing pages yesterday. If you have seen this before and can tell me what to do to fix it, I’d be very grateful.
This appears to be global across all site headings, and a product info bullet point list (see example) that appear too close together.
I attached a PDF with screenshots to show the issue. From this page, the code provided fixed the headers, but I haven’t gotten the bullet points on the Feature Product’s “icon with text” to space out. In the CSS, is the “icon with text” called something else? Adding custom css to the little box on individual pages is fine for me, but I’d rather not have to go into the theme code with hundreds of lines of code.
*This page is not publicly available as it is in development, but the other instances of “icon with text” do this. The blog posts text at the bottom of the page (where it offers previous posts) is also too close together. I don’t know what happened but I really want to fix it. Any help is appreciated!
You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code before the tag
