I am having some difficulty with the styling of a section of a client’s website. The URL is affinitysalonnd.com. I am using the Corp theme, along with the “Beauty” Site Pack. I am having issues with the Services section, which utilizes the Livemesh Accordion widget to display the content. The issues involve the font, font size, and line spacing in the “Hair Services” and “Tanning” toggles. I want the different services within each toggle to be double-spaced (one line-space between item) and utilize Georgia font in 12 pt. What I am getting is all of the items crowded together, with no line spacing in between, a large font of unknown name, or both. Any help would be appreciated.
Content Not Displaying Properly
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Hi Chris
Thanks for posting.
In Easy Google Fonts you’ve set all paragraph tags to have a font size of 100px. That results in a matching large line-height, the line-height is causing the spacing issue. Ideally, in Easy Google Fonts you’d need to remove the 100px value, best not to target all paragraphs with such a big font size.
Thank you very much, Andrew! That has resolved the font size issue. However, I am still having a problem with the text content in a given toggle being merged into one paragraph, even though I am using a hard break after each item to create a line-space between each. I have tried inserting ” ” between each line, typing the content in a Word document and then pasting it into the toggle editor, and typing it directly into the toggle editor area, all without success. I have also adjusted the line-spacing in the Customizer.
Can you shed some line on a possible solution?
Chris
Corrections: there should be the text between the quote marks in my reply above and, in the second paragraph, it should read “light,” not “line.”
For some reason, the code that I was trying to insert in between the quote marks is not visible. I am meaning to type the ampersand, n, s, b, p, and a semi-colon, all as one word.
Hey Chris :) In the Accordion widget, try adding your line breaks in the Visual tab without any code, just shift + enter.
Thanks, Andrew! I will do it right now and let you know of the results!
I tried it just now, Andrew, and it still doesn’t work. See under “Hair Services”.
Thanks for trying. That’s a LiveMesh widget you’re using there. Ideally, the specific support for that widget would go to LiveMesh as we don’t have any control over the widget’s code.
Thanks for your efforts! I will contact LiveMesh.
I can create line breaks with the LiveMesh widget: https://imgur.com/a/NZUvGsI. Not quite sure where you’re running into an issue. Perhaps try creating a test page, add the widget, add a line, press shift+enter, add another line, click Done, and Save and see if the issue persists.