Brochure Logo

[DemonPressure]

Hi, I have been looking around for some help regarding a problem I have on our website www.demon-pressure-washers.co.uk with our main logo.

You will see a couple of problems. Firstly I cannot seem to get the logo to align across the top of the page and not intrude onto the top menu bar. Does anyone know how I fix this problem?

The second thing I am trying to do is remove the red with green/blue line to the left and right of the logo but haven't been successful in finding a fix.

Hope someone can point me in the right direction.

Many thanks

[NicNac]

Hi, I have been looking around for some help regarding a problem I have on our website www.demon-pressure-washers.co.uk with our main logo.

You will see a couple of problems. Firstly I cannot seem to get the logo to align across the top of the page and not intrude onto the top menu bar. Does anyone know how I fix this problem?

The second thing I am trying to do is remove the red with green/blue line to the left and right of the logo but haven't been successful in finding a fix.

Hope someone can point me in the right direction.

Many thanks

I think this bit is the height you have defined for the logo in whatever theme you're using. Pretty sure it's described in the KB somewhere. All depends on which theme you're using though...

Once you've got the logo height right, I think you'll find this is more to do with your nav bar rather than a line that appears either side of your image. Maybe.

[meden]

Not had time to have a detailed look but suggest you edit your actinic.css file and set the #maincontent padding to 0 (currently it is set to 7px) see below for the specific rule as it is now

http://www.demon-pressure-washers.co...og/actinic.css

#maincontent (line 1519)
{
margin-top: 0pt;
margin-right: auto;
margin-bottom: 0pt;
margin-left: auto;
background-color: #ffffff;
height: 100%;
padding-top: 7px;
padding-right: 7px;
padding-bottom: 7px;
padding-left: 7px;
voice-family: inherit;
width: 762px;
}

[DemonPressure]

Hi, thanks for your responses.

I have changed the padding to 0 and this has helped to move the header to the top of the page.

I have also tried a few different options to remove the bars or adjust them either side but without luck, so would be interested to hear any ideas people have on that.

Thank you.

[meden]

The red bar with a blue bottom (*sniggers*) is actually an image that repeats horizontally to fill the screen - so if you edit or replace the theme_main_background.gif image this should do the trick, alternatively use a a new image and alter the stylesheet accordingly

body (line 33)
{
background-image: url(acatalog/theme_main_background.gif);
background-repeat: repeat-x;
}

[DemonPressure]

Thanks Medan, I seem to have sorted that out. Thank you for your help.

[meden]

You are welcome Holly but there is a slight discrepancy over the heights of your top bar (only really noticeable on the right hand side of you title) that should be easily rectified by either:

a) decreasing the height of the theme_main_background.gif to 75px (IMO the preferred solution)

or

b) increase the height of logo2.jpg to 77px to match the height of your background image

[DemonPressure]

Thanks for your help. I have now amended this, so it looks much better.