I'm using the Arthemia theme and like the overall look but am trying to change some things around. I do have some experience with html/css but don't consider myself an expert.

My main problem now is that i'm trying to change the look of my catalog page (ubercart) and the look of the product pages. I just don't know where to start as far as which css template i should change, etc. Also, when i use firebug to inspect the CSS the id fields seem to have really really long names which is making things even more confusing.

My catalog page is here: http://www.startuplab.net/ideas

My product page is here: http://www.startuplab.net/festivalrumors

Any help would be great..thanks!

Comments

WorldFallz’s picture

You don't say what you're trying to do, but in general, you modify css by adding / changing the style.css for your theme (though with d6 i usually create a subtheme and modify that). In any case, standard css inheritance applies-- to override something you have to use a more specific selector.

startuplab’s picture

Thanks...well for example my catalog page (called Ideas) is a view. I'm not sure where i would input the reference to an actual style sheet and how do i find and edit the actual names for the css fields?

WorldFallz’s picture

I'm not sure I understand-- the style.css is already automatically detected. You can just add your css there. And you mention firebug-- that's what I use to inspect any page I want to style and see what classes/ids are available.

startuplab’s picture

ok i understand that, but my main issue is with my catalog page which was created using views More specifically i've looked at the underlying code using firebug, and most of the class id aren't really defined (ie title is using an H1 tag, etc and if edit the H1 in style css it will effect my whole site. Where do i input my own style tags and change the appearance of my catalog?

WorldFallz’s picture

Like I said, usually changes to css go in the theme's css file though you can do it as a subtheme or a separate css file that you include. Standard css stuff. There's nothing drupal specific about css handling.

As for classes/ids with views-- that's the first time I've ever seen anyone say there weren't enough, lol. Usually the complaint is there are too many. Examine the page source again-- there's all sorts of views classes you can use to target a view. IE ".view h1" will target h1 tags in any view. There are also classes to target that particular view, different parts of the view, fields, etc. Quite literally tons of classes.