Change colors in header?

arrow2.jpg

Hi, how do I change the color of the blue overlay on header images and the pink arrow button in the header?

Blue overlay is made with use of background gradient, which you can change with this override.css declaration:

Code: Select all

.gkNspPM-TechNewsHeader1 .gkImage .gkImageArea:after {
   background: fade(@primary_color, 0);
   background: -moz-linear-gradient(top, rgba(66, 165, 245, 0) 50%, rgba(66, 165, 245, 0.7) 100%);
   background: -webkit-gradient(left top, left bottom, color-stop(50%, rgba(66, 165, 245, 0)), color-stop(100%, rgba(66, 165, 245, 0.7)));
   background: -webkit-linear-gradient(top, rgba(66, 165, 245, 0) 50%, rgba(66, 165, 245, 0.7) 100%);
   background: -o-linear-gradient(top, rgba(66, 165, 245, 0) 50%, rgba(66, 165, 245, 0.7) 100%);
   background: -ms-linear-gradient(top, rgba(66, 165, 245, 0) 50%, rgba(66, 165, 245, 0.7) 100%);
   background: linear-gradient(to bottom, rgba(66, 165, 245, 0) 50%, rgba(66, 165, 245, 0.7) 100%);
}


Arrow background can be modified this way:

Code: Select all

.gkNspPM-TechNewsHeader1 .gkImage > a {
    background: #ff4081;
}