Joomla Templates Club 406,261 posts

[kokosz_mk Friend kokosz_mkJoin date: April 2010Posts: 34Downloads:0Uploads:2 Thanks: 9]

#152693

Hi all.

I’ve got banner in user 1 and in right position.
How can I center banners in these positions ??

[gray Friend grayJoin date: October 2009Posts: 957Downloads:0Uploads:17 Thanks: 28 Thanked: 292 times in 230 posts]

#350348

If the banner is an image try by adding in template.css

#Mod0 {
display: block;
margin-left: auto;
margin-right: auto
}

[kokosz_mk Friend kokosz_mkJoin date: April 2010Posts: 34Downloads:0Uploads:2 Thanks: 9]

#350903

The banner is an image, but the code doesn’t work.
Any ideas ?

[TAnne Mills Friend TAnne MillsJoin date: September 2014Posts: 88Downloads:28Uploads:6 Thanks: 38 Thanked: 14 times in 1 posts]

#350915

Can you post your URL?

[gray Friend grayJoin date: October 2009Posts: 957Downloads:0Uploads:17 Thanks: 28 Thanked: 292 times in 230 posts]

#350935

<em>@gray 187090 wrote:</em><blockquote>If the banner is an image try by adding in template.css

#Mod0 {
display: block;
margin-left: auto;
margin-right: auto
}</blockquote>

Try the following:
#Mod0 {
text-align:center;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}

And make sure the div in which the respective image is placed have class=Mod0. Otherwise apply respective class/id to the CSS style declaration.

[kokosz_mk Friend kokosz_mkJoin date: April 2010Posts: 34Downloads:0Uploads:2 Thanks: 9]

#351031

url: beta.erp-portal.pl
banner under main menu and banner in right module

[gray Friend grayJoin date: October 2009Posts: 957Downloads:0Uploads:17 Thanks: 28 Thanked: 292 times in 230 posts]

#351044

Banner under main menu in placed in
<div class=”banneritem”><div>
The one in the right module in
<div class=”bannergroup”></div>

Just create new CSS style declarations like
div.banneritem {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: auto;
margin-bottom: auto;
}
or try the second variant I proposed above.

[kokosz_mk Friend kokosz_mkJoin date: April 2010Posts: 34Downloads:0Uploads:2 Thanks: 9]

#351135

It doesn’t work. When I set for example margin-left: 100px banner changes position, but auto does nothing ?

[gray Friend grayJoin date: October 2009Posts: 957Downloads:0Uploads:17 Thanks: 28 Thanked: 292 times in 230 posts]

#351148

<em>@kokosz_mk 188119 wrote:</em><blockquote>It doesn’t work. When I set for example margin-left: 100px banner changes position, but auto does nothing ?</blockquote>

I checked with your site. For the banner under main menu, worked <div class=”banneritem” style=”text-align:center;”>.
It worked to the one at the right module.

So, just apply
div.banneritem {
text-align:center;
}

and check in different browsers (I worked in Opera).

Hope it helps.

1 user says Thank You to gray for this useful post

1. kokosz_mk

[lamvt Friend lamvtJoin date: December 2006Posts: 265Downloads:0Uploads:0 Thanks: 6 Thanked: 52 times in 46 posts]

#351151

Open your template: http://beta.erp-portal.pl/templates/ja_teline_iii/css/template.css
Line 1201

#ja-topsl .moduletable {
border-bottom:0 none;
}

Chnages to:

#ja-topsl .moduletable {
border-bottom:0 none;
text-align:center;
}

1 user says Thank You to lamvt for this useful post

1. kokosz_mk

[kokosz_mk Friend kokosz_mkJoin date: April 2010Posts: 34Downloads:0Uploads:2 Thanks: 9]

#351227

Thanks lamvt and gray.
It worked.

[Author]

Posts