How to edit these colors?

[sergiomc]

Hello, I change the colors and images of most of the forum, but I have not been able to change these colors, can anyone help?

[AliMadkour]

Hello, Edit toolbar_background and form_field_background stylevars

to change the default editor background color add this to css_additional.css template

.cke_skin_kama .cke_contents iframe{
background:[B]VALUE [/B]!important;
}

replace VALUE with a color and save the template

[Wayne Luke]

To change the color of the "Filter Bar" (the arrow pointing up) you have to remove the supplied background image. It doesn't currently have alpha transparency.

Change this CSS to fit your needs:

.conversation-toolbar-wrapper .conversation-toolbar, .forum-list-container .forum-list-header {
	background: #E4E6E7 url("images/css/sprite_gradients_vb.png") repeat-x 0px -100px !important;
}

Put the new code in your css_additional.css template. If you want to explicitly remove the background image, add:
background-image:none !important; into the CSS.

[sergiomc]

Hello, Edit toolbar_background and form_field_background stylevars

to change the default editor background color add this to css_additional.css template

.cke_skin_kama .cke_contents iframe{
background:[B]VALUE [/B]!important;
}

replace VALUE with a color and save the template

Thanks, it works correctly, but toolbar_background not exist.

- - - Updated - - -

To change the color of the "Filter Bar" (the arrow pointing up) you have to remove the supplied background image. It doesn't currently have alpha transparency.

Change this CSS to fit your needs:

.conversation-toolbar-wrapper .conversation-toolbar, .forum-list-container .forum-list-header {
    background: #E4E6E7 url("images/css/sprite_gradients_vb.png") repeat-x 0px -100px !important;
}

Put the new code in your css_additional.css template. If you want to explicitly remove the background image, add:
background-image:none !important; into the CSS.

Thanks, but none of this has worked for me, I would like to solve.

[Wayne Luke]

What is the code you entered into your css_additional.css template?

[sergiomc]

What role does !important?

.userinfo.left 
{
  background: url(images/background/);
}

.forum-item.main.new.forum-item
{
  background: url(images/background/negro50.png);
  background-position: bottom;
}

.topic-item.inlinemod-item.read
{
  background: url(images/background/fondo44.png);
}

.cke_skin_kama .cke_contents iframe
{
background: url(images/background/fondo44.png) !important;
}

[AliMadkour]

add this to css_additional.css

.conversation-toolbar-wrapper .conversation-toolbar, .forum-list-container .forum-list-heade{
background:[B]VALUE[/B] !important;
}

replace VALUE with background.

regarding your question about !important that link will help you, http://www.w3.org/TR/CSS21/cascade.html#important-rules

[sergiomc]

Now yes, thank you very much, my style is as I needed and I was able to understand the function of !important.

You are very friendly and very attentive, thanks to both, greetings.

[Wayne Luke]

!important adds precedence to a attribute. This means it usually override other values assigned to the same attribute earlier in the cascade. !important doesn't always work because an ID has more importance than a Class and inline styles have more importance than those included in a separate file. The more specific the application the more likely it will work though.

See this article here: http://www.vanseodesign.com/css/css-...ance-cascaade/

It explains how CSS is inherited and cascades.

[AliMadkour]

Now yes, thank you very much, my style is as I needed and I was able to understand the function of !important.

You are very friendly and very attentive, thanks to both, greetings.

Great, You're welcome