Joomla Templates Club 406,261 posts

[niallth Friend niallthJoin date: August 2006Posts: 6Downloads:0Uploads:0]

#117591

Hi

I’m trying to reduce the size of the header image in avior extra, because it takes up so much valuable screen space. I’ve tried replacing the header-bg.jpg with a flatter, smaller image, but the image seems to get partially duplicated in the browser, i.e. as if the page calls for an image of the size of the original header-bg.jpg and shows multiple instances of any smaller files that are substituted for header-bg.jpg.

Can someone recommend how I can reduce the size of the header image?

[cssyeah Moderator cssyeahJoin date: June 2006Posts: 653Downloads:73Uploads:15 Thanked: 121 times in 81 posts]

#211523

Hi niallth,

You can reduce the size of the header, you find this tag

#ja-header {
position: relative;
height: 220px; <– resize
}
</blockquote>

in file template_css.css and resize height of it.

[niallth Friend niallthJoin date: August 2006Posts: 6Downloads:0Uploads:0]

#211570

Thanks for the advice, trungch.

I did that, but part of the image still appears below the brown menu bar. You can see it here:
http://www.liposuctiontoday.com/

Any other ideas?

Thanks in advance.

Niall

[cssyeah Moderator cssyeahJoin date: June 2006Posts: 653Downloads:73Uploads:15 Thanked: 121 times in 81 posts]

#211585

Hi,

I tested your header. This is the code css for your header:

<blockquote>
#ja-header {
position: relative;
height: 104px;
}
</blockquote>

[niallth Friend niallthJoin date: August 2006Posts: 6Downloads:0Uploads:0]

#211592

Many thanks for your help. This fixed the problem perfectly.

[Author]

Posts