Title: CSS placed in the wrong place
Last modified: January 30, 2025

---

# CSS placed in the wrong place

 *  Resolved [makinero](https://wordpress.org/support/users/makinero/)
 * (@makinero)
 * [1 year, 4 months ago](https://wordpress.org/support/topic/css-placed-in-the-wrong-place/)
 * Hello,
 * The following code is placed inside <body> and generates an HTML error :
 *     ```wp-block-code
       <style>            #sb-reviews-container-1{                --column-gutter : 10px;            }            #sb-reviews-container-1 .sb-post-item-wrap{margin-bottom:20px!important;}#sb-reviews-container-1 .sb-feed-header-heading{font-weight:700;font-size:36px;line-height:100%;}#sb-reviews-container-1 .sb-feed-header-heading{color:#141B38;}#sb-reviews-container-1 .sb-feed-header-heading{padding:0px 0px 0px 0px ;}#sb-reviews-container-1 .sb-feed-header-heading{margin:0px 0px 10px 0px ;}#sb-reviews-container-1 .sb-feed-header-btn{font-weight:600;font-size:14px;line-height:22px;}#sb-reviews-container-1 .sb-feed-header-btn{color:#ffffff;}#sb-reviews-container-1 .sb-feed-header-btn{background:#0096CC;}#sb-reviews-container-1 .sb-feed-header-btn:hover{color:#ffffff;}#sb-reviews-container-1 .sb-feed-header-btn:hover{background:#CC3F3A;}#sb-reviews-container-1 .sb-feed-header-btn{padding:8px 20px 8px 12px ;}#sb-reviews-container-1 .sb-feed-header-btn{margin:0px 0px 0px 0px ;}#sb-reviews-container-1 .sb-feed-header-rating{font-weight:600;font-size:20px;line-height:1.5em;}#sb-reviews-container-1 .sb-feed-header-rating-subtext{font-weight:400;font-size:12px;line-height:1.5em;}#sb-reviews-container-1 .sb-feed-header-rating-icons{color:#0096CC;}#sb-reviews-container-1 .sb-feed-header-rating{color:#141B38;}#sb-reviews-container-1 .sb-feed-header-rating-subtext{color:#434960;}#sb-reviews-container-1 .sb-feed-header-bottom{padding:0px 0px 0px 0px ;}#sb-reviews-container-1 .sb-feed-header-bottom{margin:0px 0px 0px 0px ;}#sb-reviews-container-1 .sb-feed-header{padding:0px 0px 0px 0px ;}#sb-reviews-container-1 .sb-feed-header{margin:0px 0px 20px 0px ;}#sb-reviews-container-1 [data-post-style="boxed"] .sb-post-item-wrap{border:1px solid #eee;}#sb-reviews-container-1 [data-post-style="regular"] .sb-post-item-wrap{border-bottom:1px solid #eee;}#sb-reviews-container-1 .sb-post-item-wrap{padding:0px 0px 20px 0px ;}#sb-reviews-container-1 .sb-item-rating{color:#0096CC}#sb-reviews-container-1 .sb-item-rating{padding:0px 0px 0px 0px ;}#sb-reviews-container-1 .sb-item-rating{margin:15px 0px 15px 0px ;}#sb-reviews-container-1 .sb-item-text{font-weight:400;font-size:16px;line-height:1.5em;}#sb-reviews-container-1 .sb-item-text{color:#434960;}#sb-reviews-container-1 .sb-item-text{padding:0px 0px 0px 0px ;}#sb-reviews-container-1 .sb-item-text{margin:0px 0px 0px 0px ;}#sb-reviews-container-1 .sb-item-author-name{font-weight:600;font-size:14px;line-height:1.5em;}#sb-reviews-container-1 .sb-item-author-name{padding:0px 0px 0px 0px ;}#sb-reviews-container-1 .sb-item-author-name{margin:0px 0px 0px 0px ;}#sb-reviews-container-1 .sb-item-author-img img{border-radius:50px;}#sb-reviews-container-1 .sb-item-author-img{margin:0px 10px 0px 0px ;}#sb-reviews-container-1 .sb-item-author-date{font-weight:400;font-size:13px;line-height:1.5em;}#sb-reviews-container-1 .sb-item-author-date{padding:0px 0px 0px 0px ;}#sb-reviews-container-1 .sb-item-author-date{margin:0px 0px 0px 0px ;}#sb-reviews-container-1 .sb-item-author-name{color:#141B38;}#sb-reviews-container-1 .sb-item-author-date{color:#434960;}#sb-reviews-container-1 .sb-item-author-ctn{padding:0px 0px 0px 0px ;}#sb-reviews-container-1 .sb-item-author-ctn{margin:0px 0px 0px 0px ;}#sb-reviews-container-1 .sb-load-button{font-weight:600;font-size:16px;line-height:1em;}#sb-reviews-container-1 .sb-load-button{color:#141B38;}#sb-reviews-container-1 .sb-load-button{background:#E6E6EB;}#sb-reviews-container-1 .sb-load-button:hover{color:#ffffff;}#sb-reviews-container-1 .sb-load-button:hover{background:#0096CC;}#sb-reviews-container-1 .sb-load-button{padding:15px 0px 15px 0px ;}#sb-reviews-container-1 .sb-load-button-ctn{margin:20px 0px 0px 0px ;}        </style>
       ```
   
 * Could you please place it into a separate CSS file?
 * Thank you

Viewing 1 replies (of 1 total)

 *  [Smash Balloon Nigel](https://wordpress.org/support/users/nigelrsb/)
 * (@nigelrsb)
 * [1 year, 4 months ago](https://wordpress.org/support/topic/css-placed-in-the-wrong-place/#post-18275215)
 * Hi [@makinero](https://wordpress.org/support/users/makinero/),
 * To further investigate the issue, please submit a support request via the form
   on our website, [https://smashballoon.com/support/](https://smashballoon.com/support/),
   and include the System Info. 
 * To obtain this information, please follow the steps on this page: [https://smashballoon.com/doc/how-to-get-system-info](https://smashballoon.com/doc/how-to-get-system-info).
   We ask you to use our form, as the System Info contains other website information
   from your site, which we do not suggest posting here.
 * Regards 🙂

Viewing 1 replies (of 1 total)

The topic ‘CSS placed in the wrong place’ is closed to new replies.

 * ![](https://ps.w.org/reviews-feed/assets/icon-256x256.png?rev=2885733)
 * [Reviews Feed – Add Testimonials and Customer Reviews From Google Reviews, Yelp, TripAdvisor, and More](https://wordpress.org/plugins/reviews-feed/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/reviews-feed/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/reviews-feed/)
 * [Active Topics](https://wordpress.org/support/plugin/reviews-feed/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/reviews-feed/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/reviews-feed/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [Smash Balloon Nigel](https://wordpress.org/support/users/nigelrsb/)
 * Last activity: [1 year, 4 months ago](https://wordpress.org/support/topic/css-placed-in-the-wrong-place/#post-18275215)
 * Status: resolved