Docs

[alamtfuerwerbung]

Hi, could you please check http://www.sub.amtfuerwerbung.de/protec/

There is a png (with with symbols) set as backgroundimage behind the van.
Can I set a backgroundcolour behind the png. I did it in Chrome for thest purpose in the developer mode,
but I can´t find the right css to add in the theme. The first section has the ID header.

Could you please send me the right order.
Thx
Andre

[Rue Nel]

Hello Andre,

Thanks for writing in! I have check your page. To be able to add a background color, please edit your page again in Cornerstone and set a background color, pick the color that suits you and then click on the background image make sure that the png image is correct. Saved your changes and please try to preview it. If nothing has change, please edit your page in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

#header {
    background-color: red !important;
}

Feel free to change the color that will match with your layout.
Hope this helps. Please let us know how it goes.

[alamtfuerwerbung]

Greate that works thx.
If I want a gradient, instead of one color, where do I have that code?
background: radial-gradient(white 10%,#f69400 90%);

Thx
Andre

[Christopher]

Hi there,

Instead of background-color: red !important; add background: radial-gradient(white 10%,#f69400 90%);.
You can use this tool http://www.cssmatic.com/gradient-generator#’\-moz\-linear\-gradient\%28left\%2C\%20rgba\%28248\%2C80\%2C50\%2C1\%29\%200\%25\%2C\%20rgba\%28241\%2C111\%2C92\%2C1\%29\%2050\%25\%2C\%20rgba\%28246\%2C41\%2C12\%2C1\%29\%2051\%25\%2C\%20rgba\%28240\%2C47\%2C23\%2C1\%29\%2071\%25\%2C\%20rgba\%28231\%2C56\%2C39\%2C1\%29\%20100\%25\%29\%3B’ to generate gradient background.

Hope it helps.

[alamtfuerwerbung]

that was my thought, but If I do so, the overlayerd .png disappears 🙁

thx for the tool.

andre

[Christopher]

Hi there,

Please update your code to :

#header:before {
    background: radial-gradient(white 10%,#f69400 90%) !important;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: block;
    opacity: 0.5;
}

Add position: relative; in header section’s style field.

Hope it helps.

[alamtfuerwerbung]

It works, but now the next section has the same background and I can edit it in cornerstone?!

”
Add position: relative; in header section’s style field.”

Do you mean here: http://ctrlv.in/856504

thx
a

[Thai]

Yes, that’s correct.

You can also add the following CSS instead:

#header {
    position: relative;
}

Hope it helps 🙂

[alamtfuerwerbung]

great thx!

Andre

Themecosupport is awesome!

[Friech]

Your satisfaction is a great compliment for us.

Cheers!

[Author]

Posts