Hi,

I have 2 queries on AP:

1. I have made a custom header image and added it to the site using local.css, but the image repeats its self and changes the background of the Primary menu (Blue Pack), though I tried the no-repeat command, it does not seem to work. How do I stop it from repeating?

2. How can I extend the head region height and bring the primary links a bit down on the page?

Thank you.

Comments

yudhistir’s picture

Priority: Normal » Critical
jeremycaldwell’s picture

Priority: Critical » Normal

Hi there, hopefully I can assist you with your changes.

1. Can you please post the CSS you are using so I can see what the problem might be?

2. You can manually set a fixed height to the header. Locate the wrapping div for the header and specify a height like so:

.header-wrapper {
  height: 200px;
} 

That would set the height of the .header-wrapper div to 200px. This change goes in your local.css file in your theme's /css folder.

yudhistir’s picture

Thank you Eternalistic, I mainly rely on the Base CSS and the BLue Pack of AP.
This is what my local.css contains:

.header-top-wrapper {
background: url(images/secondary-menu-bg.png) repeat-x top left;
}
.header-group-wrapper,
.header-primary-menu-wrapper {
background: url(images/head.jpg) no-repeat;
}

jeremycaldwell’s picture

Not sure what's going on with your background image repeating then since you have what looks to be correct CSS for it with the "no-repeat". Do you have a link to your site so I can see it in action?

yudhistir’s picture

Sorry, but I don't have the site online.

jeremycaldwell’s picture

Well it could be that you are calling the background image "head.jpg" two times. One being the ".header-group-wrapper" and the other being the ".header-primary-menu-wrapper" so they appear to be repeating. Try calling it in one of the other and see if that fixes things for you.

stephthegeek’s picture

Status: Active » Fixed

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.