By djfox on

I just got Drupal installed in & I found the theme I`m liking the best out of all the ones that are available (which actually isn`t the style I want).
How do I make adjustments to the colours & style so that the site will totally fit into what I want my site to look?

⋅ Categories: Drupal 5.x

Comments

US421’s picture

US421 commented

This is done by adapting the CSS file, an example of a tutorial that can help you is http://www.w3schools.com/css/default.asp

rarebit’s picture

rarebit commented

I first looked at these:
Theming overview
Plain PHP themes
Here's the sections content page for more info:
Theme developer's guide

Basically I then copied the 'chameleon' folder in the 'themes' dir, and renamed it, renamed the xxx.theme file and all refrences within.

(p.s. I deleted the sub-dir marvin)

Next I started playing with 'common.css' and 'style.css', this is how to control the colours and general html styleing.

Then you can move onto editing 'xxx.theme', as explained in guides above. Basically I edited the xxx_page()' function to my liking...

Have fun!

djfox’s picture

djfox commented

Those have not helped. I worked with css before. & the css changing is not working. The colours are all remaining the same as the original copied theme. There are no changes whatsoever no matter what I do in the css file.

rarebit’s picture

rarebit commented

I know it may sound silly, but make sure your browser re-caches, maybe even restart (gracefully) your server. I don't know why but I had trouble with changes not being reflected, especially when logged in as admin, bemuses me???

djfox’s picture

djfox commented

Mm, that didn`t work either.

vm’s picture

vm commented

is the CSS aggregator turned on? if so it needs to be turned off to work with CSS, turn it back on , after the site is ready to be launched.
pager caching turned on ? again turn it off until the site is ready to be launched.
you can also clear the database cache table if necessary.

Use the firefox browser and the webdeveloper addon and/or firebug addon, to help with .css

joem05’s picture

joem05 commented

I'm having the same problem as djfox, let me provide some clarification.
I hvae a theme installed and can edit the css... This works for certain tags, but not for others...

If I go to where the link text color is defined and try changing the color we get no results.

While trouble shooting we tried changing the a tag text color for all a tags:

a.{color:green;}

I get nothing... every link stays the color designated by the theme...

To test further we tried this:

*{color:green}

This changed some of the test... Body text and a few other elements were suddenly green... but why won't this work when we specify an exact class or tag?

I are editing the style.css file in the theme. The theme is installed in sites/all/specific_theme

I am very confused by this...

Any ideas on what the problem might be?
Would it help if I told you the modules I have installed?...
I'm totally stumped,
Joe

bwv’s picture

bwv commented

It is worth remembering that drupal pulls CSS tags for multiple files in the modules directory, in addition to the style.css that is driving the appearance of the theme you are using. So you may need to alter one or more of the .css files in modules/system, just to cite one example.

----------------------------------------------------------------------
http://www.bwv810.com/

I am a writer and researcher. In my spare time I build websites with Drupal.
Je peux communiquer en français. / Я могу общаться на русском языке.

joem05’s picture

joem05 commented

I've employed firebug and everything is smooth sailing...
Plug for fire bug: it's great!