Icons not showing in page body

Hi mahsaad

Thanks for the report! Simple Social Icons is designed to display icons in a traditional WordPress sidebar, so a wrapper with the simple-social-icons class is required before icons will display properly.

If the Page Builder plugin is registering custom sidebars to display within post content, it’s important that they use the special %2$s placeholder in the before_widget param when using register_sidebar(): https://codex.www.ads-software.com/Function_Reference/register_sidebar

That will ensure the simple-social-icons class is output as part of the widget code. You’re welcome to pass this on to the plugin developer if you wish; once they’ve fixed that, it should avoid you having to use the workaround of adding the HTML wrapper manually.

Hi Nick,

Thanks for getting back to me so soon.

I’m not sure if this makes any difference, just would like to mention that I wasn’t adding the icons in the Sidebar, it’s in the actual page content.

Would like your confirmation on that.

By the way, you can see the issue on the home page, under the last section (For Reservation), notice how it get display.

https://itmediaplus.com/tmp/restaurant/

Thanks again,

Regards,

You’re welcome, and thanks for sharing that link, mahsaad.

It looks like the Page Builder plugin is outputting the widget wrap in your page content with a class of widget_simple-social-icons instead of simple-social-icons, which is the cause of the styling issue here.

The Page Builder developer would need to fix this by also outputting the simple-social-icons class in the wrapper, or by dropping the widget_ prefix.

Hi Nick,

Thanks for your reply,

I’ve submitted the issue to the Page Builder support forum, explained the issue and referred them to this post.

Waiting to hear from them

Thanks again

Great support,

Great! Thanks for following up there – hopefully they’ll be able to output the unaltered class name to resolve this for you.

If we can do anything to help based on their feedback, feel free to ask.

Hi Nick,

I looked on the siteorigin website if somebody reported the same issue, and found an old post about the issue, just an FYI:

https://siteorigin.com/thread/page-builder-problems-with-simple-social-icons-plugin

I also opened a new thread:

https://siteorigin.com/?post_type=thread&p=15878

Regards,

Thanks for digging that up. It looks like the Page Builder plugin developer doesn’t consider the use of non-standard widget class names to be a problem with Page Builder itself, sadly.

As a workaround, you could try adding the following code to your active theme’s functions.php file:

// Force the Page Builder plugin to include the 'simple-social-icons' class
add_filter( 'siteorigin_panels_widget_classes', 'ssi_add_widget_class' );
function ssi_add_widget_class( $classes ) {
	if ( in_array( 'widget_simple-social-icons', $classes ) ) {
		$classes[] = 'simple-social-icons';
	}

	return $classes;
}

This will force the correct class to be used for the widget container, which should result in the icons displaying. You may still have to apply background colors and other styling with custom CSS, but at least the icons should display by default.

Hi Nick,

That’s great, tried the fix and it’s perfect.

I don’t have a problem to add the background color

Fantastic,

Thanks a lot.

Happy to help, mahsaad!

Best of luck with the final touches to the rest of the site, and feel free to start a new thread if you need any more help with the plugin.

Hey Nick

Andrew from SiteOrigin Support here. We’re always keen to move Page Builder and our other products into compliance with WordPress standards. We appreciate your feedback and taking the time to provide a hotfix. I’ll log the issue for our developers to attend to as soon as they are able.

Thanks again ??

Thanks so much for the reply, Andrew! Really appreciate you taking the time to check in, and thanks for logging an issue. ??

Thanks a lot guys

Keep up the good work