XF 2.2 For Xenforo Styles (manually editing the style) What color option is the background behind "Write your reply"

Risa

Member
For Xenforo Styles (manually editing the style) What color option is the background behind "Write your reply"
The lighter red
Also what color option is the background behind "T", the profile pic?
I been searching for awhile now
unknown.png
 

Tracy Perry

Well-known member
CSS selector in Extra.LESS that should address that would be
Code:
.fr-box.fr-basic .fr-element {
    background: green;
}
and gives you this

Screen Shot 2022-08-30 at 8.05.37 PM.png

You can use your browser inspector to find what CSS designators are for most stuff. In Chrome simply put your cursor over the area, then select VIew->Developer->Inspect Elements (on my Mac, Windows may be different) or pull up the context menu (Back, Reload, Save As - normally a button press) and choose inspect while the mouse cursor is over the area you want to target.
I personally prefer to do as much as possible in Extra.LESS, but there are many things that can only be addressed through actual Style Properties in the Style.

As for the avatar background colors... I think when you elect to use the dynamic default avatars based upon the username, those are not fixed, the colors are applied dynamically.

The ACP has this wonderful little utility built in called Search... and this shows what a simple search on editor brought up

Screen Shot 2022-08-30 at 8.16.17 PM.png

Look at the very first thing listed under Style Properties.
 

Risa

Member
CSS selector in Extra.LESS that should address that would be
Code:
.fr-box.fr-basic .fr-element {
    background: green;
}
and gives you this

View attachment 272722

The green is correct.

THANK YOU! The GREEN worked. How do I make that Green transparent? Can you send the CSS Code over?

Also, I know that WITHOUT CODE, I CHANGED that [background behind "Write your reply"] to red.

I just don't know what option it is to adjust it. YES, we made it green using code, BUT Im just trying to change the color. I'm just trying to know what option it is.

This code makes it one solid color.

When I had another Xenforo forum, The ORIGINAL (me changing the color without code), because a beautiful gradient that disappears once clicked.
I changed the gradient into red. I just want to know WHAT it is to change the gradient


71704e2e6388cdd83f93d540dedc8a5f.png

I just want to know WHAT it is to change the gradient.

For now we can use the code to make it transparent.

This is how it looks on my old xenforo forum (That I manually modified the default style for )^^^^



It's more transparent and it's blue.


Vs solid red on my new xenforo forum. I know that there's an AREA to change this , WITHOUT using code. (I made this Red in the first place without using any code.) I just forgot where to do it without code, so I'm asking this question here.

unknown.png
 

Risa

Member
As for the avatar background colors... I think when you elect to use the dynamic default avatars based upon the username, those are not fixed, the colors are applied dynamically.

Im not talking about the avatar background.

I don't mean the green circle, I mean the entire red square behind the T.
 

Tracy Perry

Well-known member
Also, I know that WITHOUT CODE, I CHANGED that [background behind "Write your reply"] to red.
I edited my original reply and that probably answers your question about the Style Property changed.
And you can use pretty much any valid CSS code for that.... font size, font color, font style, back ground color/image, opacity, etc). Even in the Style Properties setting there is the ability to define additional CSS.
 
Top