Title: Hide CSS styles in source code
Last modified: January 1, 2020

---

# Hide CSS styles in source code

 *  [eportugues](https://wordpress.org/support/users/eportugues/)
 * (@eportugues)
 * [6 years, 5 months ago](https://wordpress.org/support/topic/hide-css-styles-in-source-code/)
 * I really like the plugin, it is very useful, but I see the CSS code that is added
   in the source code unnecessary.
 * Is there a way to remove it from there and put it in a separate file?

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

 *  Plugin Author [Heateor Support](https://wordpress.org/support/users/heateor/)
 * (@heateor)
 * [6 years, 5 months ago](https://wordpress.org/support/topic/hide-css-styles-in-source-code/#post-12287163)
 * Some CSS depends on the options you have configured at plugin options page, hence
   on PHP code and cannot be put in a separate CSS file. BTW, what is the exact 
   CSS that you want to get rid of?
 *  Thread Starter [eportugues](https://wordpress.org/support/users/eportugues/)
 * (@eportugues)
 * [6 years, 5 months ago](https://wordpress.org/support/topic/hide-css-styles-in-source-code/#post-12287281)
 * For example, in my source code appear this class (with styles):
    .heateorSssInstagramBackground.
   heateor_sss_horizontal_sharing .heateorSssSharing,.heateor_sss_standard_follow_icons_container.
   heateorSssSharing .heateor_sss_horizontal_sharing .heateorSssTCBackground .heateor_sss_horizontal_sharing.
   heateorSssSharing:hover,.heateor_sss_standard_follow_icons_container .heateorSssSharing:
   hover .heateor_sss_vertical_sharing .heateorSssSharing,.heateor_sss_floating_follow_icons_container.
   heateorSssSharing .heateor_sss_vertical_sharing .heateorSssTCBackground .heateor_sss_vertical_sharing.
   heateorSssSharing:hover,.heateor_sss_floating_follow_icons_container .heateorSssSharing:
   hover div.heateor_sss_horizontal_sharing .heateorSssSharingSvg{width:50%;margin:
   auto;}div.heateor_sss_horizontal_sharing .heateor_sss_square_count{float:left;
   width:50%;line-height:35px;} [@media](https://wordpress.org/support/users/media/)
   screen and (max-width:783px) {.heateor_sss_vertical_sharing{display:none!important}}
   @media screen and (max-width:783px) {.heateor_sss_floating_follow_icons_container{
   display:none!important}}
 * I dont need that in my source code, Its almost 30 lines of code that I don’t 
   need.
 * How can i remove that? Thanks
 *  Plugin Author [Heateor Support](https://wordpress.org/support/users/heateor/)
 * (@heateor)
 * [6 years, 5 months ago](https://wordpress.org/support/topic/hide-css-styles-in-source-code/#post-12287559)
 * As I mentioned earlier, this CSS is required to render social share icons. However,
   if you want to remove the unwanted CSS, you can edit the code of function `frontend_inline_style`
   at line number 1217 in `wp-content/plugins/sassy-social-share/public/class-sassy-
   social-share-public.php`

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

The topic ‘Hide CSS styles in source code’ is closed to new replies.

 * ![](https://ps.w.org/sassy-social-share/assets/icon-128x128.png?rev=3258279)
 * [Social Sharing Plugin - Sassy Social Share](https://wordpress.org/plugins/sassy-social-share/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/sassy-social-share/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/sassy-social-share/)
 * [Active Topics](https://wordpress.org/support/plugin/sassy-social-share/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/sassy-social-share/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/sassy-social-share/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [Heateor Support](https://wordpress.org/support/users/heateor/)
 * Last activity: [6 years, 5 months ago](https://wordpress.org/support/topic/hide-css-styles-in-source-code/#post-12287559)
 * Status: not a support question