Changing the color theme
  • justinscottjustinscott
    August 2012
    I know I have the ability to change all the colors in the theme options panel. I'm just wondering if there is a way to help me find a different color theme to use and what colors would work best for each tag, sub-nav, header background, body color, default link, etc.
  • mikemike
    August 2012
    The only way to achieve that would be editing the Photoshop files included with the theme. You can play around with them to find your perfect setup.
  • justinscottjustinscott
    August 2012
    Is there a way you go about picking your colors?
  • mikemike
    August 2012
    I don't understand exactly. There is no app or anything for color-picking on the files (This is sort of what the photoshop file is used for). You can either edit the files in Photoshop which will give you a color code or just play around with the CSS and Theme Options Appearance panel to find your preferred setup.
  • justinscottjustinscott
    August 2012
    Hey Mike,

    I was just wondering, why did you choose to go with the brown, orange, green and gray colors for the CAMP theme. When starting a new project, at some point you will have to decide what colors you will go with. Does that make more sense?
  • mikemike
    August 2012
    I understand but I don't really have any answer for you. There are many blank canvas themes if you want to start without any styles. Most people are purchasing our themes for a specific style/look and functionality. It is up to the buyer to customize it to their project if necessary.
  • justinscottjustinscott
    August 2012
    It was more of a general knowledge question when it comes to website colors, not just this theme.

    Thanks Mike.
  • dod2012dod2012
    August 2012
    Is the only way to update the color of the menu is with photoshop?
  • mikemike
    August 2012
    You could use any other program or get rid of the background image all together and use a solid color. Using the photoshop template is just the easiest way. Any image, color, texture, patter etc. will work as a replacement.
  • Mike, can you tell me where to find the code to change to font color of the navigation menu? I have a bright background and I want to change the font to a darker color.

    Thanks
  • mikemike
    August 2012
    Style.css
    12. NAVIGATION section:

    body .sf-menu a {
    text-decoration:none;
    font-size:21px;
    line-height:1;
    -webkit-transition-duration: 150ms;
    -webkit-transition-property: color;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-duration: 150ms;
    -moz-transition-property: color;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-duration: 150ms;
    -o-transition-property: color;
    -o-transition-timing-function: ease-in-out;
    color:#fff;
    }


    See color at the bottom of that list^.

    I recommend using FireBug if you want to make customizations but have trouble finding the style:
    http://getfirebug.com/css/
  • Great! Thank you!
  • One question about the color left. Can you tell me where the code for to top right menu (checkout ...) can be found?

    Thanks!
  • And maybe the font style and color for the hole content. Thanks!
  • mikemike
    August 2012
    All of the styles are located in thestyle.css file. We labeled the document so everything is easier to find. As mentioned above, please use firebug to find styles you have trouble finding.

    Header styles and Login area can be found here:
    04. CONTAINER AND HEADER STYLES
    B. HEADER STYLES
    ul#login-header-area contains the styles