Views Slideshow Alignment

Posted by Coyote Ugly on October 6, 2012 at 7:39pm

Hi to all.
In a Drupal 7.x site with the 'Corporate Clean' theme I disabled the default slideshow and installed the Module Views Slideshow becouse this permit me to make a more accurate configuration of the slide (time of rotation, delay, ...).
I made a pretty configuration of my views slideshow and I insert it in the 'banner block' of Corporate Clean Theme.
Anyway the slide result to be totally align on the left-top of the block, and not in the center.
I studied the case using firebug, and the only way to post the slide on the center is to edit the style of a div named "views_slideshow_cycle_teaser_section_slide_top-block" (views_slideshow_cycle_teaser_section_[NAME OF VIEWS]-block) adding the proprierties "margin: auto;". Anyway this is not possible to perform on the style css file of the Theme, becouse Firebug refers to this div as "element.style" that I suppose is used when a proprierty is apply directly to the element.

How can I align the slideshow on the center of block?

Thx to all!

Comments

=-=

Posted by VM on October 7, 2012 at 1:09am

you can write your own CSS declaration if necessary. Without a link to the site in question or the output of the rendered HTML it's difficult to aid further.

Ok, here two image and others

Posted by Coyote Ugly on October 7, 2012 at 8:43pm

Ok, here two image and others details.

Here a jpg of the front page of the site, as you can see the slideshow is totally on the top-left of the banner block.
http://img202.imageshack.us/img202/459/img1xy.jpg

Here a jpg of the fron page after the added line 'margine: auto' on 'element.style'. The slide is on the center of the block.
http://img542.imageshack.us/img542/6411/img2zr.jpg

Drupal version: 7.14
Views module version: 7.x-3.5
Views Slideshow module version: 7.x-3.0
Corporate Clean Theme version: 7.x-1.5

Thansk so much.

Sha-La-La-La-Lee!!!

=-=

Posted by VM on October 7, 2012 at 9:07pm

have you tried targeting the block itself, with a self designed declaration?

while the images aid in further illustrating your issue, they don't help in allowing others to test the CSS with firebug

Please, the site is

Posted by Coyote Ugly on October 8, 2012 at 9:32am

Please, the site is www.vmfc1987.it .
I need to keep the site in maintenace mode, but if you really need to test it with firebug, I removed maintenance mode for a few days.
Thanks a lot.

Sha-La-La-La-Lee!!!

=-=

Posted by VM on October 8, 2012 at 1:35pm

#views_slideshow_cycle_teaser_section_slide_top-block {
margin: auto;
}

Thx a lot dear VM. Simply

Posted by Coyote Ugly on October 8, 2012 at 7:24pm

Thx a lot dear VM. Simply solution for this stuff. Unfortunately I'm not very fine on css so sometimes I'm blocked on this simply question.
Thanks again ;)

Sha-La-La-La-Lee!!!