How to add a color band just below the header in the sparkle theme

This topic is: Not resolved

This is a PRIVATE forum for verified users only, to view the replies/answers, you must be logged in!

This topic contains 3 replies, has 3 voices, and was last updated by  Jacob 1 year, 9 months ago.

  • Author
    Posts
  • #6648

    Sonu
    Member

    How can I add a color band just below the header in the sparkle theme (the one that is there in the demo)

  • #7130

    Erick
    Member
    Post count: 1018

    This was already answer in the forum, you should use the search bar, you’ll find a lot of questions here that have already been answered.

    But here. add this to your custom php located in your childs theme, if you don’t have childs theme you can go to the package you downloaded- go to THEMES folder and you’ll see it there.

    add_action( 'yt_header_end', 'yt_site_color_bars', 99 );
    function yt_site_color_bars(){
    	echo '<div class="site-color-preloader gradient clearfix hidden-xs"><div></div></div>';
    }
    
    ADD Blanks 
    	<div class="form-group hidden">
    					
    					
    			    	
    				</div>
    								<div class="input-group form-group" style="margin-bottom:0">
    			      
    			      <span class="input-group-btn">
    			        
    			      </span>
    			    </div><!-- /input-group -->	
    
    			</form>
    			<div class="yt-mailchimp-subscription-result" style="margin-top:15px"></div>
    
    		</div>
  • #7131

    Erick
    Member
    Post count: 1018

    Actually don’t try the code above, it will break your site since its not properly formatted

    Add this instead to your custom-functions.php

    <?php
    
    /**********************************************************************************************************
     *        __   _______    _    _   _ _____ _   _ _____ __  __ _____ ____         ____ ___  __  __
     *        \ \ / / ____|  / \  | | | |_   _| | | | ____|  \/  | ____/ ___|       / ___/ _ \|  \/  |
     *         \ V /|  _|   / _ \ | |_| | | | | |_| |  _| | |\/| |  _| \___ \      | |  | | | | |\/| |
     *          | | | |___ / ___ \|  _  | | | |  _  | |___| |  | | |___ ___) |  _  | |__| |_| | |  | |
     *          |_| |_____/_/   \_\_| |_| |_| |_| |_|_____|_|  |_|_____|____/  (_)  \____\___/|_|  |_|
     *
     *				custom functions for the theme
     **********************************************************************************************************/
    
    add_action( 'yt_header_end', 'yt_site_color_bars', 99 );
    function yt_site_color_bars(){
    	echo '<div class="site-color-preloader clearfix hidden-xs"><div></div></div>';
    }

    Tested it on my website so you are fine 🙂

  • #7148

    Jacob
    Staff
    Post count: 2323

    Hey there, You must be logged in to view this reply!

    Login | Register | Forgot Password?

You must be logged in to reply to this topic.

This is a PRIVATE forum for verified users only, to view the replies/answers, you must be logged in!