Support » Theme: Customizr » Customize Skin Color

  • kabbashdesign


    I want to use a custom color specific to my client.
    There is a lengthy color specific style sheet within the customizr/inc/css folders.
    1. Do I create a similar directory in my child theme and change this entire css with my new color(s)?
    2. Create a new css with the same name in my child theme with overwrite code?
    3. Help!!

    Thanks in advance,

Viewing 10 replies - 1 through 10 (of 10 total)
  • bagedi


    Think you can create your costum CSS and paste code directy in your style CSS in root ofyour child theme



    Thanks for responding!!
    I have pasted in some code and gotten a few results but there are a ton of different color spots. Rollover boxes, arrows, hover etc. that I cannot figure out each color spot.
    I tried duplicating the original green.css, searching and replacing all the instances of old color with new color but it doesn’t take affect. Wonder how to get this new green.css to over ride the previous? If this is a good way to go about it?



    You only need to paste changed css code to your child theme style.css file. Here is how to create child theme.

    Theme Author Nicolas GUILLAUME


    Hi, the skins are generated with a .less compiler (which is not part of the public theme on
    You might get good results with a simple find/replace method on a skin copy I guess.
    Cheers and thanks for using the theme.



    I’ve just submitted a Snippet using @nikeo‘s suggestion. Should be published soon.



    rdell, how can I find that snippet?



    Published yesterday. It’s here.

    I tried your suggestion posted the other day, with some success. I am a newbie with css, so there are areas I wasn’t able to find. The background in the header section, for one.

    Basically, I’m trying to accomplish a darker, shades of grey overall look. Is there a simpler way someone like myself can do this? Or is this something that might be possible to customize within the theme sometime in the near future?

    Thanks for your help

    This is the code in (color).css that is controlling the Header block:

    .tc-header {
      background: none repeat scroll 0 0 #FFFFFF;
      border-bottom: 10px solid #E9EAEE;
      border-top: 5px solid #0088CC;
      min-height: 45px;
      z-index: 200;

    Change the 2nd line to:
    background: none repeat scroll 0 0 red;

    Is that what you mean by the header section (in red)? Try the color you’re thinking of and see if that works for you.

    Although I couldn’t find that bit of code in the grey.css file, using find and replace, I was able to add it in at the “custom css” box in Customizer. So that fixed one problem.:)

    Now the menu background and the overall text need to adjusted to work with the grey backgrounds. Once again, using find and replace in the grey.css file didn’t accomplish the goal.

    Thank you for your help


Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Customize Skin Color’ is closed to new replies.