Announcement

Collapse
No announcement yet.

How to edit these colors?

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • AliMadkour
    replied
    Originally posted by sergiomc View Post
    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

    Leave a comment:


  • Wayne Luke
    replied
    !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.

    Leave a comment:


  • sergiomc
    replied
    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.

    Leave a comment:


  • AliMadkour
    replied
    add this to css_additional.css
    Code:
    .conversation-toolbar-wrapper .conversation-toolbar, .forum-list-container .forum-list-heade{
    background:VALUE !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

    Leave a comment:


  • sergiomc
    replied
    What role does !important?

    Code:
    .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;
    }

    Leave a comment:


  • Wayne Luke
    replied
    What is the code you entered into your css_additional.css template?

    Leave a comment:


  • sergiomc
    replied
    Originally posted by AliMadkour View Post
    Hello, Edit toolbar_background and form_field_background stylevars

    to change the default editor background color add this to css_additional.css template
    Code:
    .cke_skin_kama .cke_contents iframe{
    background:VALUE !important;
    }
    replace VALUE with a color and save the template
    Thanks, it works correctly, but toolbar_background not exist.

    - - - Updated - - -

    Originally posted by Wayne Luke View Post
    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:
    Code:
    .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.

    Leave a comment:


  • Wayne Luke
    replied
    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:
    Code:
    .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.

    Leave a comment:


  • AliMadkour
    replied
    Hello, Edit toolbar_background and form_field_background stylevars

    to change the default editor background color add this to css_additional.css template
    Code:
    .cke_skin_kama .cke_contents iframe{
    background:VALUE !important;
    }
    replace VALUE with a color and save the template

    Leave a comment:


  • sergiomc
    started a topic How to edit these colors?

    How to edit these colors?

    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?

Related Topics

Collapse

Working...
X