By dailypress on

when I create blocks or pages through View I have the dark blue color title and then the other rows are alternative blue colored rows.
How do I change it to gray and other colors? Is it through CSS? does it have its own? I cant find it.

⋅ Categories: Drupal 6.x

Comments

vm’s picture

vm commented

use the firefox browser with the firebug addon to inspect the elements and locate what css it is then add the necessary changes to your style.css or your custom css stylesheet.

devicehandler’s picture

devicehandler commented

If your a noobie like me, the devel module also helps, though some modules dont work with it and in my case i had a performance penalty, firefox does the trick but devel can offer another avenue, hope this helps

dailypress’s picture

dailypress commented

thank you. I installed FireFox and the addon and right clicked to Inspect Element. Its a great tool but I still cant find it:

and when I search for Views-Field by CTRL+F it doesnt show up.

should I search for Even or Views-Field ?

at least what I learned is that the CSS is under the View Module and not the main CSS (under root directory)

dailypress’s picture

dailypress commented

the only background color I see: background:#054b81 in my whole site is under Dropdown.css and changing that color doesnt work either. this is for the Views (Page) Top (first row) where Title is listed.

I am using Marinelli theme.

does anyone know how I can change it?

do I look for background color or padding? (sorry im a newbie kind of in the web business) dont know much programming and coding.

devicehandler’s picture

devicehandler commented

From what i understand you should be able to add custom css to your view by giving the view name there is a link on the views2 download page that will give you more info, but basically it should be along the lines of views

Background: yellow}
Double check on the page that you download the views module from, or do a search hopefully my ranting helps
marse’s picture

marse commented

"If you're going through Hell, keep going."

ergophobe’s picture

ergophobe commented

Views does have it's own CSS files. If you go to the Views edit screen, you can get lots of information about what files are affecting the theming of a given view. That can be really helpful as the relevant file could be in your theme or in the Views module directory.

dailypress’s picture

dailypress commented

thank you all.

I finally found it.

it was under the ROOT graphics.css

#primary .node table tr td{border:1px solid #e2e2e2;}

thead th{
color:white;
background:#000000;
}

and the other rows i was looking for is again under graphics.css for Marinelli theme:

tr.even{background-color:#d1dee6;}
tr.odd{background-color:#ededed;}

fuzzy’s picture

fuzzy commented

I know that the overhead is small if you put your CSS rules in the theme's style.css, but it's way cleaner if you make a separate file for each view (that needs css).

How could you do that?
Is there a module or must you use drupal_add_css()? Where should it be used?
(I'm using D7)

vm’s picture

vm commented

From: http://drupal.org/node/171209

In short:
create your custom.css file
add an entry for it in your themes .info file in the last position (ie. under all the other css files.)
place the file in your theme folder w/ the other theme css files

clear your cache

test