Banner Position

I have a problem with Banners and would like your help ... I put a banner, but it is always aligned to the left. I wonder how to align the center and remove the space below. Can anyone help me?

In the example below, refers to an advertisement in the position main_top.

Tks

Sorry my English

Hi,
can you give us url to your website? It will be much easier to help you.

Link:

http://rm760.com.br/portal2/

Sorry the delay in responding. I will launch the site on Monday ...
To circumvent the problem, I created a banner 650 x 60 ...

The Banner is Rio Tokio. But the problem exists in all positions.

Many thanks for the help

I saw that you add image which has widh same as container width. If you would like to add image which will have less width than container and want to center it please add to override.css

Code: Select all

div.banneritem {
    text-align: center;
}


and remember to enable override.css option in template settings.

Perfect!

And now, to be more than perfect, how can I get blank space heating which is below the Banner..

Tks

Please add suffix to this module for example ' mysuffix' and then add to override.css

Code: Select all

.box.mysuffix,
.mysuffix div.banneritem {
padding:0 !important;
border-top:none !important;
}



Yes Man!!!

You're the best!!

So it is good to buy the themes instead of downloading them!

Hi,
I have a similar problem.
I placed an image in the bannertop position.
The image is the same width as the template but there is empty space 30px over and 40 px under the image.
How can i fix this?
Thanks!

@peforever2 please give me url to your site. It will be much easier to help you.

http://bit.ly/13kAy8Q

Try add to override.css

Code: Select all

.gkPage {
    max-width: 1230px;
}


and increase this value to fit your needs. Remember to enable override.css option in template settings.

Nothing changed.

Try add to override.css

Code: Select all

.gkPage {
    max-width: 1230px;
}


and increase this value to fit your needs. Remember to enable override.css option in template settings.

You forgot increase this value. You should have:

Code: Select all

.gkPage {
    max-width: 1260px !important;
}


Sorry, still no change.

Did you clear your browser cache after you made changes ?

Yes, I cleared my browser cache and used a different browser.
I also cleared the site's cache.
The image is 1260 x 61px
The template width is 1230px
The code pasted in the override.css:

.gkPage {
max-width: 1260px !important;
}

I still see no changes. How can we fix this?

Please add this code to override.css

Code: Select all

#gkBannerTop {
    padding: 0;
}
.mysuffix p {
    margin:0 !important;
}