Member Profile block backgrounds are the wrong color?

[409industries]

Hi there!

I've learned quite a bit about StyleVars and all the edits to additional.css that can really alter the look and feel of a standard vB fourm. I've just been stumped trying to figure out how to make the following changes (on the attached screenshot).

I was able to change the background color of the user's top information box by manually editing the #userinfoblock section of additional.css in my active style.

#userinfoblock {
	border: solid 1px #2E3539;
	border-top: none !important;
	background-color: #2E3539;
	padding-bottom: {vb:stylevar padding};

#2E3539 is the dark gray color, this worked perfectly. How do i now go about changing the text color for the links that are normally visible here Send Private Message, Add to Ignore List etc.

Secondly, i was not able to figure out where the background-color codes are for the Mini Statistics, Recent Visitors, and Friends sections. I would need to do the same thing to these blocks as well.

Perhaps i am going about this all wrong? These particular "blocks" on the left side don't seem to follow the color scheme i have in place in any of the other StyleVars i've experimented with.

Maybe there is an easy solution to this, and i'm just too big of a n00b to figure it out? I've used FireBug to track down DIV's and other elements that control much of the colors in the forum but this has me banging my head against the wall.

Any help would be greatly appreciated!!!

[Lynne]

You have a custom style, so I can't tell on yours, but on mine I can add this to my additional.css file to change it:

#sidebar_container a {
color: pink !important;
}

[409industries]

Hello Lynne!

After reading countless threads about "how to change the color of this, and that" i'd like to personally thank you for your awesome responses to questions about styling in vB. All your input has been spot on.

Your suggestion to add the #sidebar_container a worked in the sense that i was able to change the color of the font, which is great! However this is half the battle.

Do you have any idea about the part of my opening post that asked how to change the background color of the other boxes on the left hand side of the user info page?

Especially Mini Statistics, Friends and Recent Visitors?

[Lynne]

Try:

#sidebar_container .userprof_content .blockrow {
background-color: pink;
}

You may need to add an "!important" to that one also.

[409industries]

Originally Posted by Lynne

You may need to add an "!important" to that one also.

Awesome! It didn't actually require the !important to change the color. Doing great so far...

I can fix the icons no problem, but i've been unable to figure the last two bits of this color scheme.

The "header" background color is perfect right above the "Registered Member" section, but below it in the Mini Statistics, Friends, and Recent Visitors... there appears to be some kind of 1px solid horizontal border. How can i get rid of that, or at least change the color so that it blends in with the brown above it? Any idea where this code is hiding?

Lastly:

The Join Date, Last Activity, and Blog Entries are the wrong color, why didn't they change with the update to #sidebar container...

[Seven Skins]

Try this:

#sidebar_container .blockrow {border-top: 0px;}

dl.stats dt,
#sidebar_container dl.stats,
#sidebar_container .userprof_content.blockbody,
#sidebar_container .userprof_content .time,
.userprof_content .time {color: red}

Change color accordingly.

.

[409industries]

Originally Posted by Seven Skins

Try this:

#sidebar_container .blockrow {border-top: 0px;}

dl.stats dt,
#sidebar_container dl.stats,
#sidebar_container .userprof_content.blockbody,
#sidebar_container .userprof_content .time,
.userprof_content .time {color: red}

Change color accordingly.

.

Seven Skins- Thanks for the reply! This code got rid of the border strip issue.

#sidebar_container .blockrow {border-top: 0px;}

Which is perfect. Thank you for this snipet of code.

However the second part did not change the "Join Date / Last Activity / Blog Entries" text... but rather changed the text of the date displayed, last activity date information, and the number of blog entries (0). (see attached screenshot)

[Lynne]

Try adding !important to it:

dl.stats dt,
#sidebar_container dl.stats,
#sidebar_container .userprof_content.blockbody,
#sidebar_container .userprof_content .time,
.userprof_content .time {color: red !important;}

[409industries]

That was it. the !important part was needed to get all the text to change colors.

Thanks guys! On to the next challenge.