I recently updated Page Builder by SiteOrigin and the formatting of headings on ONLY my homepage has broken. There seems to be an additional line of CSS being applied to all the headings and I can’t figure out where it’s coming from.
This is what a working heading on a different page looks like:
Why Choose FireTribe…
This is what the broken homepage headings look like:
What We Do
My website is www.firetribe.co.za
Hi, thanks for posting your question.
The page is using the Livemesh Heading Widget. The What We Do heading seems to be rendering normally when I view it:
https://siteorigin.com/wp-content/uploads/2025/10/what-we-do-scaled.png
Is the issue still present when you view the page. The forum doesn’t support uploads but you can upload images to any online location and share the link.
Hi,
I have some correcting CSS working to temporarily fix the issue, that’s why it looks okay to you (although the positioning is wrong, with uneven margins above and below the heading).
This is what it actually looks like without the correcting CSS: https://drive.google.com/file/d/1gZYj48cXoKn4xbk-4OZPWpEYyuQOc5bO/view?usp=drive_link
I see the html I posted just turned into text, so here are images of what’s happening: https://drive.google.com/file/d/17KONFV27Cna7AnvOouwk6VHLQKEO4KSi/view?usp=drive_link
Thanks for the updates. Is there perhaps a font color setting within the Livemesh Headline Widget? Livemesh are outputting #333 for the title.
The only settings I can find for the Livemesh plugin are here: https://drive.google.com/file/d/1VfBWsXs1edGFDGSbZGpBPMvzOKYWV6I5/view?usp=drive_link
The hover colour in those settings was set to grey, but changing to white didn’t change anything.
SiteOrigin doesn’t have any plugin settings that I can change.
In the actual widget’s settings on the page, there were no colours selected, but even choosing white for all the text still doesn’t change it: https://drive.google.com/file/d/182ZGAQjTe1lr30yr1i4uPWUBUv9BtIQ8/view?usp=drive_link
If I search the custom CSS for the page this is the only sow widget entries that have #333 in them – changing either to #ffffff doesn’t change anything:
.so-widget-sow-accordion-default-89979c68178d .sow-accordion .sow-accordion-panel .sow-accordion-panel-header {
padding: 5px 20px 5px 20px !important;
background-color: #ffffff !important;
color: #333 !important;
border-color: #b5b5b5 !important;
border-width: 1px !important;
border-radius: 4px !important;
font-weight: bold !important;
.so-widget-sow-accordion-default-89979c68178d .sow-accordion .sow-accordion-panel .sow-accordion-panel-content .sow-accordion-panel-border {
background-color: #ffffff;
border-style: solid;
border-color: #b5b5b5;
color: #333;
border-width: 1px;
*padding: 10px 20px -5px 25px;
overflow: auto;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
But neither of those match the “so-widget-lsow-heading so-widget-lsow-heading-default-c5296dd96cc2-9” that is what I THINK is causing this clash of formatting.
Thanks; unfortunately this isn’t our widget, it’s a Livemesh widget: https://wordpress.org/plugins/livemesh-siteorigin-widgets/. Thanks for the settings screenshot, I can see this widget doesn’t have a setting to change the color. You can set the color by adding the following to AppearanceCustom CSS or CustomizeAdditional CSS:
/* Livemesh Headline Widget */ .lsow-heading .lsow-title { color: #fff !important; }Oh, interesting.
I’ve removed that fixing CSS so you can see the problem live on the page now.
In my editing of what I could to white I have managed to change those underlines to white on the headings, but the text is still grey. Those lines are not supposed to be there, but somehow they are all white now, even though I only edited 2 of the widgets in the page editing page (and changed the hover colour to white in the Livemesh plugin settings).
Okay, this is weird, but I think there is a clash between Livemesh and SiteOrigin happening here.
I think that line that is showing up under the headings is the Divider that is an available option in the SiteOrigin Headline Widget. I have changed the ‘What We Do’ headline to a SiteOrigin Headline Widget and by removing the divider’s style I could remove the line.
The Livemesh widget IS a SiteOrigin widget, so somehow ()on JUST the homepage), there’s an overlap happening.
The live page now shows the colour fix CSS in effect. The top three headings are still the Livemesh widget that is misbehaving, the What We Do heading has been changed to SiteOrigin Headline Widget and had the divider removed.
Hi, thanks for the update!
The Livemesh Widget is not a SiteOrigin Widget. SiteOrigin is not the author of Livemesh widgets, we have no control over their widgets. Ideally support queries for Livemesh widgets would be opened here https://wordpress.org/support/plugin/livemesh-siteorigin-widgets/. The Widgets Bundle acts as a framework, third-party developers can add their own widgets to the framework. We do our best to offer quick top-level help with third-party widgets but it’s best if the author assists if the query or issue is a bit more complex.
The What We Do text is indeed an instance of the SiteOrigin Headline Widget.