Home>Support>Content Not Displaying Properly

Content Not Displaying Properly

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.

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 3 years, 7 months ago Andrew Misplon Hi, I Work Here

    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.

  2. 3 years, 7 months ago Chris Hannon

    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

  3. 3 years, 7 months ago Chris Hannon

    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.”

  4. 3 years, 7 months ago Chris Hannon

    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.

  5. 3 years, 7 months ago Andrew Misplon Hi, I Work Here

    Hey Chris :) In the Accordion widget, try adding your line breaks in the Visual tab without any code, just shift + enter.

  6. 3 years, 7 months ago Chris Hannon

    Thanks, Andrew! I will do it right now and let you know of the results!

  7. 3 years, 7 months ago Chris Hannon

    I tried it just now, Andrew, and it still doesn’t work. See under “Hair Services”.

  8. 3 years, 7 months ago Andrew Misplon Hi, I Work Here

    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.

  9. 3 years, 7 months ago Chris Hannon

    Thanks for your efforts! I will contact LiveMesh.

  10. 3 years, 7 months ago Andrew Misplon Hi, I Work Here

    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.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More