Question

I am using drupal actually and I’m trying to position an element using “views slideshow”. this isn’t really a drupal question ,more of a css queston, however, one of my elements is called:

<div class="views-slideshow-controls-bottom clear-block">

Here’s an image of the element to get an idea of what I’m doing.

But anyway, I made that class above in my stylesheet, but the change isn’t showing up on my page. I’m trying to “float” those slide previews that are highlighted in the image to the RIGHT side of the image instead of below the image how it is now. I thought a simple “float:left;” would do, but for some reason that clear:both is staying in there, plus the floatleft isn’t even appearing.

The class there has a space in the middle of it, so I was wondering if on the stylesheet, this is allowed?

.views-slideshow-controls-bottom clear-block {
float:left;
 } 

For example, will the spaces allow the element to show or not? Thanks,.

Answer 1

You need to chain the classes together in your css with a ..

.views-slideshow-controls-bottom.clear-block {
float:left;           /* notice ^ */
}