Icons not showing in page body

  • mahsaad

    (@mahsaad)


    8 years, 8 months ago

    Hi,

    First, great plugin, thanks a lot

    I have an issue when adding the widget in the content of the page

    I’m using the Vantage theme from Siteorigin.com, using the Page Builder plugin

    When adding the plugin widget in the page builder, it’s not showing the icon, instead, it shows the symbol of the icon.

    On the other hand, adding it in the footer or the header, works fine.

    Looked in the page source, noticed that the following tag was missing in the html:

    <aside id="simple-social-icons-3" class="widget simple-social-icons">

    In the footer, the icons are wrapped with this code

    I added the code manually in the developer tool, and the icons appeared

    It looks like something is omitting the <aside> tag in the body or something to do with the page builder plugin

    Thanks for your help

    Regards,

    https://wordpress.org/plugins/simple-social-icons/

Viewing 12 replies - 1 through 12 (of 12 total)
  • Plugin Contributor Nick C

    (@modernnerd)

    8 years, 8 months ago

    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.wordpress.org/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.

    Thread Starter mahsaad

    (@mahsaad)

    8 years, 8 months ago

    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.

    http://itmediaplus.com/tmp/restaurant/

    Thanks again,

    Regards,

    Plugin Contributor Nick C

    (@modernnerd)

    8 years, 8 months ago

    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.

    Thread Starter mahsaad

    (@mahsaad)

    8 years, 8 months ago

    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,

    Plugin Contributor Nick C

    (@modernnerd)

    8 years, 8 months ago

    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.

    Thread Starter mahsaad

    (@mahsaad)

    8 years, 8 months ago

    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,

    Plugin Contributor Nick C

    (@modernnerd)

    8 years, 8 months ago

    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.

    Thread Starter mahsaad

    (@mahsaad)

    8 years, 8 months ago

    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.

    Plugin Contributor Nick C

    (@modernnerd)

    8 years, 8 months ago

    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.

    Andrew Misplon

    (@misplon)

    8 years, 8 months ago

    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 🙂

    Plugin Contributor Nick C

    (@modernnerd)

    8 years, 8 months ago

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

    Thread Starter mahsaad

    (@mahsaad)

    8 years, 8 months ago

    Thanks a lot guys

    Keep up the good work

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Icons not showing in page body’ is closed to new replies.