I can't get rid of the background overlap or underlap however you want to call it.

[2Luke2]

When I put a picture in the ad space it's recreating the body_background image. The problem is I don't want to have to create another picture for it. I have tried to edit the ad_header css and add transparent background settings, but the only thing it will let me do is change the color transparent just shows me the background. So I have no idea how it's getting the background. Does anyone know a way around this? The reason I'm using this for a logo area is because the logo area was too small and I don't plan on having adds anyway.

Here is a picture of what I'm talking about.



Here is the CSS in the ad_header page. I have tried several different combinations and the only thing I can't get it to do is to not bring that background image forward from the body_background.

<div class="ad_header_inner"><vb:if condition="$now = mktime()"></vb:if><vb:if condition="$end = mktime(23,59)"></vb:if><vb:if condition="$start = mktime(00,00)"></vb:if><vb:if condition="$now >= $start AND $now <= $end"><div id="logo">
<img src="images/shield_header_logo.png" />
</div>

<style>
#logo
{
width: 100%;
height: 100%;
background: transparent;
}
#logo img {
width: 900px;
height: 150px;
bottom: 0px;
left: 152px;
background: transparent;
}
</style><vb:if condition="$adsshown[] = 2"></vb:if></vb:if></div>

[Trevor Hannant]

Can you give us a link to the site - far easier to see it happening when diagnosing CSS issues than from an image..

[2Luke2]

https://www.theonetriune.com/Forum

[Trevor Hannant]

Try adding this to css_additional.css:

.header-edit-box {
background: none;
}

[2Luke2]

Yes, I admit I'm a noob, but do I have to create css_additional.css? I don't see it in the list is why I'm asking.

[Trevor Hannant]

It's in:

AdminCP > Styles & Templates > Style Manager > [Edit Templates]

Double click on CSS Templates to see them all and it will be listed there.

[2Luke2]

Ahh ok thank you.

- - - Updated - - -

Awesome that worked! Thank you very much Trevor.

So the additional css file can take any .<item> and edit it from there?

[Mark.B]

In effect yes....anything you add to css_additional.css will override any default css that matches. Or you can add completely new css to it.

[DemOnstar]

The css_additional.css facility has helped me a great deal. It makes life easier as you don't need to go into editing templates which is and was a real pain for me.

Another idea I had was to save everything you put into your css_additional.css as a file itself, in notepad or whatever you use. That way you will always have a copy and won't lose all the work you have done.