Help! The FCG only covers a part of my header

[jlboelen]

Hi there,

My website reneboelen.nl needs to include an FCG in the header, but I haven't been able yet to get the FCG to cover the entire image.

The header consists of three overlapping PNG images, so it seems and creating a FCG header that is bigger than the image in the center makes the FCG dissappear behind one of the two other PNGs and adjusting the width doesn't center the image to cover the background image, but makes it move to the left hand side.

Could you perhaps help me to understand what I am doing wrong?

Thanks!

Jasper

[admin]

sorry I can not access url you provided..

[jlboelen]

I am sorry, the correct URL is http://www.reneboelen.nl/

I hope that helps?

[admin]

this happens because you put it under "header" div and style for this div in your theme css file is

Code: Select all

#header {
   display: block;
   width: 864px;
   height: 60px;
   padding: 0px 48px;
   background-image: url(images/headerbg2.png);
   background-repeat: no-repeat;
   background-position: 0px 0px;
   margin: 0px 0px;
   overflow: hidden;
}

which has some padding

Code: Select all

padding: 0px 48px;

, which does not allow you to cover whole image

[jlboelen]

Hi Yelena,

Thanks again for tour support!

Does that mean that I need to remove the padding? Or should I put the plugin code elsewhere?

Thanks!

Jasper

[admin]

it depends what you want...it will not hurt to try things around like removing padding, putting fcg on another place until you find perfect location for fcg plugin

[jlboelen]

Hi again Yelena,

I have been trying to get what I need, and seem to have succeeded in some of what I wanted, by putting the FCG in a different location and by hiding some of the images in the header.

The only thing that I can't get to work is to centrally align the FCG. Would you perhaps have any tips for that?

Thanks again!

Jasper

[admin]

open any css file and add

Code: Select all

#featured
{
padding-left:10px;
}

play with padding style until you find good place

[jlboelen]

That worked great! You are a star!

Many thanks for your great support!

[admin]

yw