Announcement

  •  » Themes
  •  » How to change the header background color

#1 2015-07-27 19:45:19

DerrickG72
Member
2014-07-14
68

How to change the header background color

Hello/Hi/Greetings,

I am using Header Manager to have my own banner in my header. I was able to get that to work right.
But ultimately I would like to have my header the same color all the way across the banner area.

I used firebug to find this source:

#theHeader div.banner {
    background: transparent url("./local/banners/20150724-55b2530d1aec9.jpg") no-repeat scroll center center;
    height: 78px;
    line-height: 66px;
    font-size: 2.5em;
    color: #FFF;
    text-shadow: 0px 0px 5px #000;
    text-align: center;
}

This is where I noticed that the background is set to transparent. (I have included a snapshot of this as well) So, wouldn't I just have to copy and paste this tidbit of code into LocalFiles Editor under the CSS tab and change transparent to background: rgba(c3242c?

Piwigo version: 2.7.4
PHP version: 5.3.28
MySQL version: 5.5.42-cll
Piwigo URL: http://imagebank.schylling.net/


Uploaded Images

Offline

 

#2 2015-07-27 19:50:23

mistic100
Former Piwigo Team
Lyon (FR)
2008-09-27
3271

Re: How to change the header background color

Just add

Code:

#theHeader div.banner {
    background-color: #CB2026 !important;
}

(and rgba is not to be used with hexadecimal colors)

Offline

 

#3 2015-07-27 19:54:41

DerrickG72
Member
2014-07-14
68

Re: How to change the header background color

Thank you very much!!!! This worked out great!

Offline

 
  •  » Themes
  •  » How to change the header background color

Board footer

Powered by FluxBB

github twitter facebook google+ newsletter Donate Piwigo.org © 2002-2019 · Contact