Hi

On www.thecheeseshopholmfirth.co.uk please use 'preview' for both username and password to see the site while it is offline.

I would like to close the gap between the logo and search modules. Also, is there a way of fixing the height of these modules so they are exactly 277 pixels high? That way the background image will fit nicely.

Thanks - see screenshot if that helps.

Hi

Those access details don't work

Cheers
Paul

My apologies. They do now.

Hi

With those divs its not the best to add a background to - perhaps try

#logowrap .zen-spotlight instead

Cheers
Paul

Sorry I'm not sure what you mean. How would I use that css to change the background, fix the height and close the gap between the modules?

Hi

If you close the gap it means the full width isn't covered by the modules

The normal way is to fill the modules container div which is

#logowrap .zen-spotlight {}

Thanks. Is there a way to fix the height at 277 pixels?

Using the parent div would mean the height would of the tallest content in that rather than per module

Cheers
Paul

I'm sorry I don't understand your reply, basically I need both modules to be fixed at that height to stop the background image tiling vertically.

I added this to custom.css:

#logowrap .zen-spotlight {}

it doesn't seem to have done anything

You included path to the image as well inside the brackets right?

#logowrap .zen-spotlight {}

I can't seem to right click on the site

This is what I put in between the {} brackets:

www.thecheeseshopholmfirth.co.uk/images/ginghamstrip2.png

I also tried ../../../images/ginghamstrip2.png

Hi

This is invalid

You need to add the background-image or variant of that

You need to remove the background images on the modules and use something like

#logowrap .zen-spotlight {background: url('/images/ginghamstrip2.png') repeat-x;}

Thanks, that sorted it

You're welcome

Cheers
Paul