Ips layout header

[craigf136]

I've been trying to remove the layout header throughout the betas and RC's and I'm able to do it no problem, everytime. The issue I experience and I want to check if I'm doing something incorrectly is the following.

I copy this

#ipsLayout_header header {
	padding: 10px 0 125px 0;
	margin-bottom: -115px;
	background-color: {theme="header"};
}

To custom.css and I comment out the background-color

#ipsLayout_header header {
	padding: 10px 0 125px 0;
	margin-bottom: -115px;
	/**background-color: {theme="header"};**/
}

It doesn't work, so I have kept it within the custom css but commented out the css for it. I then go to the global css and comment out

/**background-color: {theme="header"};**/

The background color is gone, should this be read from custom.css? It appears to only read if I comment it out in the global css file. If not is it something I'm missing? I don't want to raise a bug if it's not a bug.

[Andrej]

You can only override CSS... what you trying to do is not possible.

If you want to remove the background color, this should be enough:

#ipsLayout_header header {
	background-color: transparent;
}

If the change doesn't stick, append the !important declaration. 

[craigf136]

Thanks, I tried none as the declaration as well and I didn't even think about tranparent which works perfectly.

[Andrej]

Thanks, I tried none as the declaration as well and I didn't even think about tranparent which works perfectly.

There is no "none" value for the background-color property, that why it wouldn't work either. 

[LaCollision]

The "none" property is for the "background" element :

#ipsLayout_header header {
	background: none;
}