/    Sign up×
Community /Pin to ProfileBookmark

CSS ‘color’ setting problem?

Copy linkTweet thisAlerts:
May 02.2010

Hi,

I am having a problem setting the text color for one of the sections of my design, the white box on the left hand side refuses to have #3c3c3c color text with out changing the rest of the text from #f7f7f7…

i have spent the last 2 hours trying to figure it out using FireBug, but just can’t get it…

Any Help or Oppinions on the design are appreciated…

Please find page at [URL=”http://www.yabo.co.uk/layout.php”]yabo.co.uk/layout.php[/URL], i can provide the source code in zip or rar compression if you ask…

Thanks

SpinnyKid

P.S.

This is an internal only site, and will only be used in FF3+, so you don’t have to provide any IE or Safari workarounds, unless you wan’t to…

to post a comment
CSS

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@WestWebMay 03.2010 — If you add this style below the .box style in your style sheet:
[CODE].box p:last-child {
color: #???;
}[/CODE]

It will color the text in the box below the line, and not the title text above the line.

[B]OR...[/B]

I would suggest changing the first <p> tag to an <h?> tag to indicate that it is a heading. Then you can style the text a bit more logically, for example:
[CODE].box h3 {
color: #3c3c3c;
}
.box p {
color: #00f;
}[/CODE]

Would produce your grey heading with blue text below the line.

Nice looking, easy to use design BTW!
Copy linkTweet thisAlerts:
@spinnykidauthorMay 04.2010 — thanks westweb, i will be sure to try that out, thank you for the compliment on the design...

the second part of the design makes more sense, i totally forgot about the h? tags, and will look for other areas in the design where they can be used....
×

Success!

Help @spinnykid spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...