XOOPS 
Forum
Forum Index General Forums Community Support Modules Support Themes Support Development International Support Module Hack Reviews Theme Designer Talk
  1. Board index / 
  2. XOOPS Themes and Templates Support forums / 
  3. Theme design questions 
  4.  / Which files control which colors?
Register
1
roxbury
Which files control which colors?

  • 2007/11/12 2:24

  • roxbury

  • Just popping in

  • Posts: 4

  • Since: 2007/11/11


Hey all-

I'm just wondering if there's any easy way to figure out which .css files control which text colors (different pages, modules, etc.)

I've spent time literally doing everything from reading through lines of code to taking screenshots, importing to photoshop, and trying to match the #XXXXXX color in the css file... Seems like there must be an easier way.

If that wasn't clear, a specific situation i'm dealing with right now is that the titles of the forums in my Forum module are barely visible against their background. I've looked in both the css file of the forum module and the general style.css file looking for this, and can't find it.

Help much appreciated.

Greg
2
Will_H
Re: Which files control which colors?

  • 2007/11/12 4:50

  • Will_H

  • Friend of XOOPS

  • Posts: 1786

  • Since: 2004/10/10


css should be

.item { }
.item a { }
.item a:hover { }

If you use firefox you can get the Web Developer Plugin, which has a feature that lets you point at an area with your mouse and get the css class/id
3
roxbury
Re: Which files control which colors?

  • 2007/11/12 17:07

  • roxbury

  • Just popping in

  • Posts: 4

  • Since: 2007/11/11


Alright thanks.. i'll have to get that plugin.

Will it also tell me if the colors are located in the forum module's .css sheet or the site's general .css sheet? Or the style .css sheet?

I'll install it when I get home.. thanks.
4
kris_fr
Re: Which files control which colors?

  • 2007/11/12 18:36

  • kris_fr

  • Theme Designer

  • Posts: 1009

  • Since: 2005/12/31


hi,

in the css sheet of your theme, look for :
.comTitle
.comText
.comUserStat
.comUserStatCaption
.comUserStatus
.comUserRank
.comUserRankText
.comUserName a
.comUserName a:hover
.comDate
.comDateCaption
.signature

@++
5
carpeweb
Re: Which files control which colors?

  • 2007/11/15 16:36

  • carpeweb

  • Just popping in

  • Posts: 38

  • Since: 2002/9/12


I have related questions:

Why do the colors differ between my windows/ie machine and my linux/firefox machine?

More importantly, can I adjust for this within the css stylesheet(s), and if so, where?

Thanks,
Jim
6
Bassman
Re: Which files control which colors?

  • 2007/11/15 23:11

  • Bassman

  • Friend of XOOPS

  • Posts: 1272

  • Since: 2003/5/23


Your theme more than likely has two style sheets, style.css and styleNN.css. You just have to compare the two and change whatever colors are different for each style declaration.
7
carpeweb
Re: Which files control which colors?

  • 2007/11/17 0:59

  • carpeweb

  • Just popping in

  • Posts: 38

  • Since: 2002/9/12


Thanks, Bassman; great help! I noticed that style.css and styleNN.css were identical, with the exceptions of some of the changes that I had made to styleNN.css. So, I synched them up, and that solved the problem.

Any idea why there are two files?
8
suico
Re: Which files control which colors?

  • 2007/11/17 2:59

  • suico

  • Friend of XOOPS

  • Posts: 374

  • Since: 2003/7/24


Internet Explorer has some quite strange behaviours that sometimes demands especial fixes. That 's why XOOPS has 3 css styles sheets, one per group of browsers.
Yogurt Social Network Service
Visit: http://www.marcellobrandao.eti.br/
9
snow77
Re: Which files control which colors?

  • 2007/11/17 5:05

  • snow77

  • Just can't stay away

  • Posts: 864

  • Since: 2003/7/23


styleNN.css is for netscape navigator browser, style.css the common stylesheet for the rest of the browsers.

Only in rare cases could you need a browser specific stylesheet.

Rarely there have been cases I have to do browser specific stylesheets. And if your styleNN.css is a copy of your style.css you might as well delete styleNN.css, even the IE bugs can be dealt in style.css.

In the case of some themes I make there are 3 stylesheets but they are not browser specific, they are divided according to content. 1) Basic layout 2) Block layout 3) Module content layout. It depends on the designer.
10
carpeweb
Re: Which files control which colors?

  • 2007/11/17 16:29

  • carpeweb

  • Just popping in

  • Posts: 38

  • Since: 2002/9/12


Thanks, snow and suico. That's helpful info.
(1) 2 »

Login

Register now!  |  Lost Password?

Search

Advanced Search

Recent Posts

Who's Online

335 user(s) are online (272 user(s) are browsing Support Forums)

Members: 0

Guests: 335

more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Nov 30
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits