Title: Custom CSS stopped working
Last modified: January 10, 2018

---

# Custom CSS stopped working

 *  [markuc87](https://wordpress.org/support/users/markuc87/)
 * (@markuc87)
 * [8 years, 4 months ago](https://wordpress.org/support/topic/custom-css-stopped-working-3/)
 * Hello.
    I’ve tried to add text on video header on Astrid theme according to tips
   on this side
 * [https://forums.athemes.com/t/adding-text-on-video-header/17148/8](https://forums.athemes.com/t/adding-text-on-video-header/17148/8)
 * After adding TC Java Script plugin and trying to implement quoted code I’ve not
   seen any result, and what more Additional CSS in Customize panel stopped working.
   After all I removed Java plugin, cleaned datebase with Wp Sweep, but problem 
   with adding CSS codes remained.
 * Do you have any suggestion how can I try to solve the problem?
 * markuc87
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcustom-css-stopped-working-3%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  [Kharis Sulistiyono](https://wordpress.org/support/users/kharisblank/)
 * (@kharisblank)
 * [8 years, 4 months ago](https://wordpress.org/support/topic/custom-css-stopped-working-3/#post-9852710)
 * Hello there,
 * This code works fine to me.
 *     ```
       (function($){
   
         "use strict"
   
         if( $('body').hasClass('home') ) {
   
           $('.wp-custom-header').wrapAll('<div class="header-image js-div"></div>');
   
           var title       = 'Welcome to Astrid';
           var subtitle    = '5 minute setup';
           var buttonLabel = 'Explore';
           var buttonURL   = '#primary';
   
           var heroContent  = '<div class="header-info"><div class="container">';
               heroContent += '<h4 class="header-subtext">'+title+'</h4>';
               heroContent += '<h3 class="header-text">'+subtitle+'</h3>';
               heroContent += '<a class="button header-button" href="'+buttonURL+'">'+buttonLabel+'</a>';
               heroContent += '</div></div>';
   
           $('.header-image.js-div').append(heroContent);
   
         }
   
       })(jQuery);
       ```
   
 * Please note that it’s only displayed in homepage as _.home_ class check defined.
 *     ```
       if( $('body').hasClass('home') ) {
       ```
   
 * Maybe you should clear your web browser’s cache/history?
 * Regards,
    Kharis

Viewing 1 replies (of 1 total)

The topic ‘Custom CSS stopped working’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/astrid/1.20/screenshot.png)
 * Astrid
 * [Support Threads](https://wordpress.org/support/theme/astrid/)
 * [Active Topics](https://wordpress.org/support/theme/astrid/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/astrid/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/astrid/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)

 * 1 reply
 * 2 participants
 * Last reply from: [Kharis Sulistiyono](https://wordpress.org/support/users/kharisblank/)
 * Last activity: [8 years, 4 months ago](https://wordpress.org/support/topic/custom-css-stopped-working-3/#post-9852710)
 * Status: not resolved