Changing the header to black without the background changing

[storm]

I am using the technical template as a base and I am am trying to make the header where the background image and search bar sit have black as the background colour. I thought it would be possible because in the code it seems to be declared as a table however putting in "bgcolour=#000000" is having no effect no matter where I put it. I have tried to use fire bug to find something in the css with no luck. If someone could find some time to have a look at www.lowcostplumbingsupplies.co.uk and see if they can spot something Im missing I would appreciate it

[JSnow]

why not just increase the width of your image to fill the space?

you could keep the words part as is. just increase the width of the image and fill the space with black.

[peblaco]

Do a backup snapshot first and if you feel okay at dabbling with HTML then follow the below!

The whole header area there uses <div class="tech_page_header_content"> which contains the logo and links.

Now you can either change the CSS in the Actinic stylesheet if you know how, or you could try changing the code directly in the Actinic Technical and Technical brochure templates. Find:

<div class="tech_page_header_content">

and change it to:

<div class="tech_page_header_content" style="background-color:#000000;">

That sets the black background. However, in doing this the login and terms links disappear because they were black. So then you need restyle those to white. So then you need to find the code which is:

<p class="text_terms_conditions">
<actinic:block if="%3cactinic%3avariable%20name%3d%22AreRegCustomersAllowed%22%20%2f%3e">
<Actinic:NOTINB2B>
<a href="<actinic:variable name="LoginPageURL" />" class="link_terms_conditions"><actinic:variable name="LoginText" /></a> |
</Actinic:NOTINB2B>
</actinic:block>
<a href="<actinic:variable name="InfoURL" />" class="link_terms_conditions"><actinic:variable name="InfoText" /></a>
</p>

and change it to:

<p class="text_terms_conditions" style="color:#FFFFFF">
<actinic:block if="%3cactinic%3avariable%20name%3d%22AreRegCustomersAllowed%22%20%2f%3e">
<Actinic:NOTINB2B>
<a href="<actinic:variable name="LoginPageURL" />" class="link_terms_conditions" style="color:#FFFFFF"><actinic:variable name="LoginText" /></a> |
</Actinic:NOTINB2B>
</actinic:block>
<a href="<actinic:variable name="InfoURL" />" class="link_terms_conditions" style="color:#FFFFFF"><actinic:variable name="InfoText" /></a>
</p>

Try that.

[storm]

Couldn't change image width because this messes up the search bar.

Thank you so much for taking the time to have a look at that for me I am still learning as I go and had no idea you could assign a color to a div tag. It works fine now, Thanks again.

[peblaco]

No probs, if you have time it might be worth while picking up a HTML/CSS book and having a look as it would come in handy.