Social Commenting Header Styling

  • Resolved prototy9

    (@prototy9)


    9 years, 5 months ago

    I’m using Super Socializer with the WPDiscuz plugin. I got everything to work how I wanted it to, except for the social commenting header area where “Leave a Reply” is.

    The header, as well as the options to show comments for Facebook, Discuz and Google are all out of style and seem to be taking up only about 10% width. I tried to inspect this area using the Dev Tools, but cant seem to find the problem, and the only styles included in the plugin files are concatenated.
    Has anyone had this problem with Super Socializer?

    I am working locally, so unfortunately I cant provide a link, but if anyone has any suggestions or troubleshoots, please feel free to post them!

    p.s. I have a screenshot of how the problem looks, but I don’t think that I can attach it to this post.

    https://www.ads-software.com/plugins/super-socializer/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Heateor Support

    (@heateor)

    Hi there,

    We would require url of online website where you are using the plugin. Unfortunately, we won’t be able to help you with the issue without that.

    Thread Starter prototy9

    (@prototy9)

    Ok thanks. If im just going to continue to troubleshoot and if the problem persists then I’ll just have to get it online.

    Thread Starter prototy9

    (@prototy9)

    I got a version of the site online and couldnt figure out how to fix the problem. Here is the link to the site, and the problem is at the bottom where you see ‘Leave a Reply’.

    https://iambey.com/wordpress/index.php/2015/06/14/getting-back-to-nature/

    Any help would be appreciated. Maybe someone will spot something that I didn’t.

    Thanks!

    Plugin Author Heateor Support

    (@heateor)

    Commenting interface is like this because the container element of commenting has width CSS set to 0. <div id="respond" style="width: 0;height: 0;clear: both;margin: 0;padding: 0;">
    To fix it, place following code at the end of “wp-content/themes/CURRENT_THEME/functions.php” before ?> (if ?> is not there, simply place the code at the end of the file) and save the file back. CURRENT_THEME is your active theme/child theme

    function heateor_ss_custom_css(){
	?>
	<style type="text/css">
	div#respond{
            width: 100% !important
        }
	</style>
	<?php
}
add_action('wp_head', 'heateor_ss_custom_css');
    Thread Starter prototy9

    (@prototy9)

    Thanks Heateor, that fix worked like a charm. I also didn’t realize that the <?php ?> tag was not closed in my functions.php file this whole time, so I also learned something there as well.

    Problem solved!

    Plugin Author Heateor Support

    (@heateor)

    You’re welcome.

    I also didn’t realize that the <?php ?> tag was not closed in my functions.php file this whole time, so I also learned something there as well.

    Closing PHP tag is not necessary at the end of file

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Social Commenting Header Styling’ is closed to new replies.