Styling Questions

[Peggy]

I have at least 3 areas on my forum where I cannot find where to change the colors.

Please see the screenies below, and find it in your kind heart to help me out. (wow that sounds like a suck-up).

TIA!

Forum list inside a category:


Quote background:


Quote "header" strip (don't know the name for this):


Thanks again!

 

[Paul B]

1. Style Properties -> Building Blocks -> Sub-Heading

2. Style Properties -> BB Code Elements -> BB Code Quote Message

3. Style Properties -> BB Code Elements -> Quote Attribution Block

 

[Peggy]

Thank you m'dear!


(btw, I didn't know you had answered, because this didn't show up under what's new when I checked)

 

[Peggy]

Another one -

Where do I change the font family for the entire forum?

 

[Paul B]

Style Properties -> General -> Body: Font Family

However, that won't change everything; you will need to change it in a few other places too. Just go through the Style Properties and adjust any instances as required.

 

[Peggy]

Thanks Brogan, that's what I'm doing.

I think I'll just make this thread my sole question thread.
I'd put you on my payroll if I had one.

 

[Peggy]

One thing I cannot find. The Followers block in the profile -



I can't find where to change the font color for the strip.
I've been through every style properties setting on this style, that nothing has that font color.

 

[Paul B]

Add this to EXTRA.css

.textWithCount.subHeading .text {
color: @primaryLighter !important;
}

Change the colour to suit.

If you want to change the font colour of the number, it's this class: .textWithCount.subHeading .count

So both together it would be:

.textWithCount.subHeading .text,
.textWithCount.subHeading .count {
color: @primaryLighter !important;
}

 

[Peggy]

Thanks Brogan - one more think and I'll give you a much needed break.

Where do I change the border color surrounding the Edit block. ugh I don't know what it's called, so included a screenie.

 

[Paul B]

Overlays -> General Overlay Container: Border Color

 

[Peggy]

grrrrrrrrrr... I have no idea why I didn't see that, I was there.

My only excuse is working all night, and no sleep yet. Sorry Brogan.

 

[Paul B]

No worries

 

[Peggy]

Y'know what? I wonder if there's a way to get the corners of that edit box to be rounded like the overlay is?

 

[Paul B]

You could but it wouldn't look great as there would be a gap between the rounder corner and the inner corner of the overlay.

 

[Peggy]

ahha, I didn't know that. So, I'll leave it then.

 

[Peggy]

What kind of button is the Post Reply button beneath the text editor?
Is that not a "Call to action" button?

 

[James]

<input type="submit" class="button primary" value="Post Reply" accesskey="s">

Apparently it's not call to action in the class. Just primary.

 

[Peggy]

hmmm... I've looked at the button color, then looked for the background color under buttons and call to action buttons, and neither color is the same as that Post Reply button.
So I'm trying to find it.

 

[Paul B]

Add this to EXTRA.css:

.button.primary {
background-color: @primaryLighter;
}

Change the colour to suit.

 

[Peggy]

so you can't style that button in style properties?
That's odd.

Thanks Brogan. We're populating my EXTRA.css so much that it's going to burst at the seams!