WordPress.org

Ready to get started?Download WordPress

Forums

Customizr
Customize Skin Color (11 posts)

  1. kabbashdesign
    Member
    Posted 8 months ago #

    Hello!
    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,
    Tom

  2. bagedi
    Member
    Posted 8 months ago #

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

  3. kabbashdesign
    Member
    Posted 8 months ago #

    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?

  4. tomaja
    Member
    Posted 8 months ago #

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

  5. nikeo
    Member
    Theme Author

    Posted 8 months ago #

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

  6. rdellconsulting
    Member
    Posted 8 months ago #

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

  7. kabbashdesign
    Member
    Posted 8 months ago #

    rdell, how can I find that snippet?
    Thx!!

  8. rdellconsulting
    Member
    Posted 8 months ago #

    Published yesterday. It's here.

  9. nightwine
    Member
    Posted 8 months ago #

    @rdellconsulting
    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

  10. rdellconsulting
    Member
    Posted 8 months ago #

    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.

  11. nightwine
    Member
    Posted 8 months ago #

    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

    Doug

Reply

You must log in to post.

About this Theme

About this Topic