Hi,

Ok so I'm kinda stuck on this part of the template. I am using Zengrid and would like the banner area to fill the width of the screen, if that makes sense. The picture will stay the size it is cause it will eventually change to a flash. But would like the background behind the picture to continue left and right.

Here is what I have now:
0307263.netsolhost.com/index.php?option=com_content&view=article&id=38&Itemid=1

I am attaching would I want it too look like.


Can you help? Thanks!!

Hi Frances,

Basically you need to assign a background image to the .bannerRow class and position it using background-position center top.

eg: background: url(../images/myimage.jpg) center top repeat-x;

Let us know if that fixes it.

Anthony

Hey Anthony,

Will that affect the other pages as well? Because I have images there too in the banner position.....

Yes it will.

You could get tricky about it and apply a switch in the template to just get that styling on that particular page or perhaps might be easier to just use another module for the other positions.

The switch code would look like this in a layout/banner.php override- the following will work if you are only looking to add this to the frontpage.

Then in the theme.css write something lik this:

.bannerRow.fullbanner {} adding the code you are going to use.

Hope that helps rather than confuses.

Thanks Anthony! Let me try and see what happens