Change the color of the colorful band underneath the header?

This topic is: Resolved

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

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

  • Author
    Posts
  • #7169

    carfanatics
    Member
    Post count: 401

    I currently have the colorful band underneath my header. I would like to change the color to black. But I would also like to know how to change the color up just in case I don’t like the black band.

    I have this code in my custom-functions.php:

    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>';
    }
  • #7200

    Jacob
    Staff
    Post count: 2323

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

    Login | Register | Forgot Password?

  • #7212

    carfanatics
    Member
    Post count: 401

    Sorry, I am still a little confused. Where do I put the color css?

    I put the css in my ‘custom-functions.php’ directory but I keep getting an error.

    • This reply was modified 1 year, 9 months ago by  carfanatics.
    • This reply was modified 1 year, 9 months ago by  carfanatics.
  • #7214

    carfanatics
    Member
    Post count: 401

    This is the color code I chose. I used the link you gave me to come up with the new css: http://www.colorzilla.com/gradient-editor/.

    background: #45484d; /* Old browsers */
    background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    

    I am not an expert at this so please be as specific as possible.

    1. Do I need the entire css code I posted above? If so does it come before or after this code? Or do I delete this and just replace the new css color code?

    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>';
    }

    2. Where exactly do I place the new css code?

    • This reply was modified 1 year, 9 months ago by  carfanatics.
    • This reply was modified 1 year, 9 months ago by  carfanatics.
  • #7238

    Jacob
    Staff
    Post count: 2323

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

    Login | Register | Forgot Password?

  • #7448

    carfanatics
    Member
    Post count: 401

    What if I just want a solid black line, no color gradient?

  • #7460

    carlo75
    Member
    Post count: 38

    Hi all,
    I’m reading this post, because I’ve some problem to find how to insert the colorful band underneath the header of my site. I’ve tried to apply the CSS on the theme options, but on site, nothing happens.
    Can anyone point me on the right way?

    So got it.
    I haven’t create the function:

    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>';
    }

    Jacob I try to add your CSS code for example to my site, but the colorful header still remain as is (no change)… I’m doing something wrong?

    • This reply was modified 1 year, 9 months ago by  carlo75.
    • This reply was modified 1 year, 9 months ago by  carlo75.
    • This reply was modified 1 year, 9 months ago by  carlo75.
    • This reply was modified 1 year, 9 months ago by  carlo75.
  • #7488

    Max
    Staff
    Post count: 3150

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

    Login | Register | Forgot Password?

  • #7525

    carlo75
    Member
    Post count: 38

    Hi Maxxi,
    thanks for your reply but doesn’t work for me

  • #7548

    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!