Title: Social Commenting Header Styling
Last modified: August 30, 2016

---

# Social Commenting Header Styling

 *  Resolved [prototy9](https://wordpress.org/support/users/prototy9/)
 * (@prototy9)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/social-commenting-header-styling/)
 * 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://wordpress.org/plugins/super-socializer/](https://wordpress.org/plugins/super-socializer/)

Viewing 6 replies - 1 through 6 (of 6 total)

 *  Plugin Author [Heateor Support](https://wordpress.org/support/users/heateor/)
 * (@heateor)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/social-commenting-header-styling/#post-6281161)
 * 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](https://wordpress.org/support/users/prototy9/)
 * (@prototy9)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/social-commenting-header-styling/#post-6281218)
 * 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](https://wordpress.org/support/users/prototy9/)
 * (@prototy9)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/social-commenting-header-styling/#post-6281442)
 * 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’.
 * [http://iambey.com/wordpress/index.php/2015/06/14/getting-back-to-nature/](http://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](https://wordpress.org/support/users/heateor/)
 * (@heateor)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/social-commenting-header-styling/#post-6281443)
 * 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](https://wordpress.org/support/users/prototy9/)
 * (@prototy9)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/social-commenting-header-styling/#post-6281450)
 * 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](https://wordpress.org/support/users/heateor/)
 * (@heateor)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/social-commenting-header-styling/#post-6281451)
 * 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.

 * ![](https://ps.w.org/super-socializer/assets/icon-128x128.png?rev=1866723)
 * [Social Share, Social Login and Social Comments Plugin - Super Socializer](https://wordpress.org/plugins/super-socializer/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/super-socializer/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/super-socializer/)
 * [Active Topics](https://wordpress.org/support/plugin/super-socializer/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/super-socializer/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/super-socializer/reviews/)

## Tags

 * [header](https://wordpress.org/support/topic-tag/header/)
 * [social commenting](https://wordpress.org/support/topic-tag/social-commenting/)

 * 6 replies
 * 2 participants
 * Last reply from: [Heateor Support](https://wordpress.org/support/users/heateor/)
 * Last activity: [10 years, 11 months ago](https://wordpress.org/support/topic/social-commenting-header-styling/#post-6281451)
 * Status: resolved