Hello,

Using views (which I'm using in a panel), I'm having an issue where my latest content teasers are hugging one anotehr vertically. Is there an easy way I can add a one line break, or even add a horizontal line directly from views? I attached a screenshot of the issue at hand.

Thanks!
Ben

CommentFileSizeAuthor
sample.PNG38.09 KBraiyne

Comments

merlinofchaos’s picture

merlinofchaos commented
Status: Active » Fixed

You can control Views output through theming. You can override theme_views_view_teasers (see views.module for the code; it's pretty simple) and you can also override theme_views_view_teasers_VIEWNAME.

See the theming handbook for information on how to override theme functions.

raiyne’s picture

raiyne commented
Status: Fixed » Active

Pardon for not fully understanding, instead of overriding a particular function can I just add a break or horizontal line at the end of the appropriate function? Or graphic perhaps? Something to break up my teaser lists a little farther apart.

I've been reading through the theming handbook and its all still confusing to be honest. I'm getting several different bits of information on what I should do:

In view.module I found: theme_views_view_teasers, but it's only 2 lines of code. Do I edit that by adding a variable (line break or graphic or horizontal line), if so is there a list of the variables I can use to put in there, I'm not fluent in the drupal syntax and need specific guidance.

I also read that I don't change the view.module, instead I put a similary named "function theme_views_view_teasers" in template.php?

Ugg I'm lost and the handbook is not relating to me so far :(

edpaff’s picture

edpaff commented

Has anyone managed to solve this problem yet? I've been trying to figure it out all day...

catch’s picture

catch
he/him
Primary language English
commented
Status: Active » Fixed

style.css

div.view-something {
  margin-bottom: 20px;
}

firebug or view source will tell you what to use instead of view-something. Experiment with different values for margin as well.

If you want a visible line between them, do this:

<code>
div.view-something {
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}

or possibly .node .teaser instead depending on your theme

Marking as fixed. This is a very general css question that has very little to do with views by the way, but for some general information about theming lists views without php see here: http://groups.drupal.org/node/4161

Anonymous’s picture

Anonymous (not verified) commented
Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for two weeks with no activity.