I need help with my font issues that have still not been resolved

Hello @Lani,

Thank you for reaching out to us. Could you please provide more details about the font issues you are experiencing? Sharing screenshots or a link to your pages would help us better understand the problem and offer an appropriate solution.

We look forward to your reply.

Best Regards,
Jack Richardson
8Theme’s Team

Hello @Lani,

To increase the spacing of headings in your single post content, please add the following custom CSS snippet:

.single-post .content-article.entry-content .wp-block-heading {  
    margin-bottom: 25px;  
}

We have noticed that the paragraph spacing in your Elementor Site Settings is currently set to zero (please refer to the screenshot: https://prnt.sc/E7KgPGsMWeX-). Kindly review these settings and adjust them according to your preferences.

If you would like to reduce the space between list items, you can use the following snippet:

.single-post ul.wp-block-list li {  
    margin-bottom: 0;  
}

Additionally, we observed that the font size in your Elementor Site Settings is set to 1px (see screenshot: https://prnt.sc/EmBWBUYeUGgO). This is the reason why the breadcrumbs are not visible on desktop and there is an empty space above the title.

Check the documentation about custom CSS locations: https://www.8theme.com/documentation/xstore/additional-customisation/optimal-placement-for-custom-css-code/

If you require further assistance after applying our suggestions, please provide us with your website credentials.

Best regards,
Jack Richardson
8Theme Team

Hello @Lani,

Please find the updates below:

– Site settings: https://prnt.sc/jlEt6fO0DYwc
– Typography: The font size was previously set to 1px (https://prnt.sc/UCH2ZFmiOHwZ). We have corrected it by increasing the value to 16px.
– Mobile responsiveness: There was no spacing for paragraphs (https://prnt.sc/FFOX3ysBsaFh). This issue has also been fixed.
– CSS: We have added the previously suggested CSS (https://prnt.sc/OePElAIZWR8S).

Please review the changes and let us know if you need any further assistance. If you require additional modifications, kindly provide screenshots and a description of the desired changes.

We also recommend posting your questions or feedback in the public area, as private content should be used only for credentials or confidential information. This approach may help other customers benefit from your request and our corresponding solution.

Best regards,
Jack Richardson
8Theme Team

Hello @Lani,

We have improved your existing custom CSS by adding margin spacing: https://prnt.sc/GpYTqmfDRE1B. The frontend now displays proper spacing in the breadcrumbs: https://prnt.sc/-LaG6w9rSQUB. If you wish to adjust the spacing, you can modify the corresponding CSS values.

The font size of your breadcrumb title is defined in Theme Options → Breadcrumbs → Title Typeface (https://prnt.sc/oXIEViWqQMGp).

We have updated the previous 38px font size value of your breadcrumb title to clamp(18px, 5.5vw, 38px) to enhance responsiveness: https://gyazo.com/b8b082bc41a2622980c4ffec8c79cd56. You can find more information about this property here: https://developer.mozilla.org/en-US/docs/Web/CSS/clamp.

Please check the changes and let us know if everything looks good.

Best regards,
Jack Richardson
8Theme Team

Hello @Lani,

Please check it now. We have set the line-height value to 1.2 in the breadcrumb title settings: https://prnt.sc/V868Xd3AYw64. You may adjust it further if needed.

Best regards,
The 8Theme Team