By silverhosting on

Hello,
I am wondering how I can add an extra break between rows of data in views, to make it more clear which titles go with each picture. The view format is Panels: 3 columns and I am up to date on all modules and Drupal core. I know that I can edit the theme files, I just don't know which one to edit in this case. Here is a link to a picture, illustrating what I am talking about.

the picture:
http://content.screencast.com/users/dansli/folders/Jing/media/97c530fd-2...
the view(s):
http://www.docsweightloss.com/otherzonesupplements

Thank you so much for taking your time to help me solve this issue,
Dan Silver

Comments

nevets’s picture

nevets commented

Add the following css to you stylesheet

.view-Other-Zone-Supplements .views-field-title {
  display: block;
  padding-bottom: 10px;
}

Adjust 10px to liking.

silverhosting’s picture

silverhosting commented

I could not find the appropriate file. Can you please specify the path of the stylesheet?
thank you

nevets’s picture

nevets commented

Most themes have a style.css file

silverhosting’s picture

silverhosting commented

I found the file, but it didn't work. So I looked at the code and realized that the view is actually named Other_Zone_supplements (with underscores). Also, I'm using the display Page so I changed that also. And, it still has no effect. I cleared my browsers cache, my sites cache, and the views theme information. Lastly, I increase 10 to 100 so I could see clearly if it was doing anything. Any ideas?
Thank you!
This is the modified code(i tried the other code first)

.view-Other_Zone_Supplements .views-field-title {
  display: Page;
  padding-bottom: 100px;
}
nevets’s picture

nevets commented

You have "Optimize CSS files" enabled, you need to visit Administer › Site configuration › Performance and click the "Clear cached data" button.

But first you need to change .view-Other_Zone_Supplements to .view-Other-Zone-Supplements, views changes underscores in view names into dashes when constructing class names. The Firefox extension firebug's inspect feature for exploring the generated code.