Joomla Templates Club 406,261 posts

[ascent_hosting Friend ascent_hostingJoin date: March 2009Posts: 12Downloads:0Uploads:2 Thanks: 5]

#142970

By default banner images published in the right sidebar are aligned (floated?) left by default. I would prefer they are aligned center if possible.

What CSS modifications to JA_Rutile wouldbe needed to align banner images to the center no matter their dimensions?

[mihirc Friend mihircJoin date: December 2008Posts: 597Downloads:0Uploads:3 Thanks: 62 Thanked: 95 times in 39 posts]

#312060

Hello,

Can you post a link? so that I can tell you exactly where you need to do the css changes…

Regards,
Mihir Chhatre.

[ascent_hosting Friend ascent_hostingJoin date: March 2009Posts: 12Downloads:0Uploads:2 Thanks: 5]

#312061

qcpca.org.au

[prakash Friend prakashJoin date: October 2008Posts: 439Downloads:0Uploads:1 Thanks: 2 Thanked: 146 times in 115 posts]

#312063

in JA Rulite the banners are by default set to center – only problem occurs is if you have IE8 then the banner shows more towards the left. For this u can put the IE8 – IE7 compatibility fix in index.php

[ascent_hosting Friend ascent_hostingJoin date: March 2009Posts: 12Downloads:0Uploads:2 Thanks: 5]

#312066

I’m on Firefox 3.5 Mac and the banners still show to left.

Also pretty sure I have the IE8 fix in place.

Thanks tho.

[mihirc Friend mihircJoin date: December 2008Posts: 597Downloads:0Uploads:3 Thanks: 62 Thanked: 95 times in 39 posts]

#312067

Hello,

Open your template.css file.

add this code to it.

div.banneritem_text{
text-align:center;
}

This should align the photographs to the center. If you want to make only 1 module then add a module class suffix, and change the css name there.

Regards,
Mihir Chhatre.

1 user says Thank You to mihirc for this useful post

1. ascent_hosting

[prakash Friend prakashJoin date: October 2008Posts: 439Downloads:0Uploads:1 Thanks: 2 Thanked: 146 times in 115 posts]

#312068

ok…after u posted the link…i checked it..u are placing the banner is another module position…

hence you need to do this..

open the template.css file and find this

div.advs {
clear: both;
display: block;
float: left;
width: 100%;
}

change that to

div.advs {
clear: both;
display: block;
text-align:center;
width: 100%;
}

1 user says Thank You to prakash for this useful post

1. ascent_hosting

[ascent_hosting Friend ascent_hostingJoin date: March 2009Posts: 12Downloads:0Uploads:2 Thanks: 5]

#312071

Thank you all for the superquck replies.

[Author]

Posts