Link to home
Start Free TrialLog in
Avatar of bogorman
bogorman

asked on

Drupal 7 views. Clearing a float

I have created a view to display a Caption (text field), and Image and a Body field, each one underneath each other.
This displays in the views UI when using the General tab correctly. However, when I create a page view the fields are "staggered" :

Caption1
Image1     Body1
                 Caption2
                 Image2     Body2

Think this must be because I have used:

img{
float: left;
}

which it inherits.
How can I clear this image setting for this view:

.node-view-events-for-frontpage{
WHAT DO I PUT HERE?

}
ASKER CERTIFIED SOLUTION
Avatar of yats
yats
Flag of India image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of bogorman
bogorman

ASKER

Hi yats,
Here is the link to the page:

the page

You can see it on the home page (left hand sidebar) and it appears ok because this is derived from the General version of the view in a minipanel.   Would like to know why the Page version appears differently
Brian
Hi yats,
With your help I have done it!
Have added this css coding in my pages.css file:

.view-events-for-frontpage img{
clear:both;
}

.view-events-for-frontpage .views-field-field-caption{
clear:both;
}
 
.view-events-for-frontpage .views-field-body{
clear:both;
}

and it works!
Thanks for all your help.
Brian