Change the color of the colorful band underneath the header?

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

Status: resolved
  • This topic has 9 replies, 4 voices, and was last updated 5 y, 6 mo by  Jacob.
Viewing 9 reply threads
  • Author
    Posts
    • #7169

      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

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

      Login | Register | Forgot Password?

    • #7212

      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.

    • #7214

      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?

    • #7238

      Jacob
      Staff

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

      Login | Register | Forgot Password?

    • #7448

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

    • #7460

      carlo75
      Member

      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 5 y, 6 mo by  carlo75.
      • This reply was modified 5 y, 6 mo by  carlo75.
      • This reply was modified 5 y, 6 mo by  carlo75.
      • This reply was modified 5 y, 6 mo by  carlo75.
    • #7488

      Max
      Staff

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

      Login | Register | Forgot Password?

    • #7525

      carlo75
      Member

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

    • #7548

      Jacob
      Staff

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

      Login | Register | Forgot Password?

Viewing 9 reply threads
  • You must be logged in to reply to this topic.

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

© Copyright 2020 by wpthms.com. All Rights Reserved.