WordPress.org

Ready to get started?Download WordPress

Forums

Changing colour scheme of colorway (17 posts)

  1. colleenstark
    Member
    Posted 2 years ago #

    The colorway theme's colour scheme is green, meaning that the page headings are green and other accents. How can I change this? Thanks!

  2. alchymyth
    The Sweeper & Moderator
    Posted 2 years ago #

    normally by editing the theme's style.css file.

    please use a tool such as Firebug http://getfirebug.com/ to help finding the relevant css selectors.

  3. colleenstark
    Member
    Posted 2 years ago #

    I have a mac, can I still use firebug?
    Do I just go to plugins and search firebug from there?
    I'm totally new at this and have been having trouble!

  4. colleenstark
    Member
    Posted 2 years ago #

    Simple WP FirePHP?

  5. jiffyjack
    Blocked
    Posted 2 years ago #

    Firebug is an add-on for Mozilla Firefox browser. When you activate it and hover over the area you want to change, it shows you the css class that affects that area. Then you can (theoretically) go in and change the colors. The premium theme has many different color choices. I use several. Colorway is by far my favorite theme. I purchased over 50 in the last few months and this is the most versatile. Sad to say, but I bought 30+ themes from colorlabs project and they're all broken. LOL. Suddenly the cosmetic bugs in Colorway now seem trivial.

    So, here's black, you can see it in the footer, appears gray in the footer widgets: http://bit.ly/yuAvUN

    Here's blue: http://bit.ly/wyC5yr

    Here's red: http://bit.ly/xtNDNv
    (I know it looks orange, but it's actually red.)

    Here's green: http://bit.ly/xVxtw1

    The background images are mine and you can do this in both the free and premium versions in the "theme options" panel. But I wouldn't muck around with the footer colors unless you know what you're doing. The CSS in this theme is tightly woven and interdependent.

  6. colleenstark
    Member
    Posted 2 years ago #

    The colorway I'm using is Colorway Lite
    I have a mac so I don't have firefox.... so I can't use Firebug I guess :( I know where to find the CSS but I don't know what to type in...
    I want it to be blue like the the link you put in your post
    Sorry I'm so confused :( !

  7. jiffyjack
    Blocked
    Posted 2 years ago #

    Okay, it appears that the file green.css is the file you want to mess with (style.css loads in green.css). Make sure you save a copy and then edit the colors to what you want.

    This is the minimalist way, BTW. Whenever you change code you want to affect as few files as possible, one preferably.

    a {

    text-decoration:none;

    color:#4F7327;

    }
    ^--This is the green footer background (I think).--^

    a:hover {

    color:#2B4908;

    }
    ^--This is the dark green over the menu (I think).--^

    So just replace all the instances of #4F7327 with whatever blue color you want. Same for #2B4908.

    At last that's what I'd do. Let me know if it works. :)

  8. derekcx
    Member
    Posted 2 years ago #

    OK :-) stuffed up that post. Trying again:

    Colleen, find the Styling Otions for the theme and add some CSS there.

    One place to check out CSS is http://www.html.net/tutorials/css/lesson6.php

    What I do is cut and paste the CSS from style.css and edit it. I never edit the CSS sheets, just add extra stuff in Styling options.

    Good luck. It's easier than you think for simple stuff. Incredibly complex later on.

    -Derek

  9. colleenstark
    Member
    Posted 2 years ago #

    Oh boy. Thank you so much for all your information!
    Well, I decided to not use colorway lite because I know that the premium version gives you the option to change the colour scheme in styling options. However even when I click "blue" from the dropdown menu nothing changes...

  10. jiffyjack
    Blocked
    Posted 2 years ago #

    So you're using the premium version now? Make sure you have the more recent one. They had bugs and fixed them. They have a new theme now, very similar to ColorWay, called Squirrel. I bought that one too. Very nice. As far as I know there was never a bug for the color styling options in ColorWay, but there was one for Squirrel which they've now fixed. They're pretty good in fixing bugs quickly (turn around time is between 3 days to a week). I found bugs in an iThemes theme and all of the ColorLabs themes and no one ever fixed any of them. :(

    If you want to see a site in Squirrel, here's one:
    http://bit.ly/zG7pAU

    If you're still having problems with the blue footer and you have the premium version of ColorWay, I'd go back to the members area at InkThemes and download it again. If that doesn't work, as Nareej if you're somehow getting the older version copied to your member's area.

  11. colleenstark
    Member
    Posted 2 years ago #

    I downloaded the Premium trial version but the colours haven't changed. Okay I'll look at Squirrel. Thanks!

  12. colleenstark
    Member
    Posted 2 years ago #

    I think I want to keep colourway.
    When I downloaded the trial version (onto my mac) it put it all into this folder and what not. So I compressed the folder and made it into a zip file. I uploaded the zip file into the theme uploader on wordpress and I'm able to see the different colour options under Styling Options but when I click "Blue" and click "Save Changes" nothing happened...

  13. jiffyjack
    Blocked
    Posted 2 years ago #

    The color options are only with the paid version. They're not activated with the trial version. So we're back to modifying CSS. I'd just reinstall the ColorWay Lite and modify the green.css file to the colors you want. You can try the way Derek suggested, in the styling options window, but I tried that to no avail. If you change the colors in the green.css file, it should do what you want. Just make sure you save a copy of the green.css file somewhere (or keep the original ColorWay Lite zip file--it's in there).

  14. colleenstark
    Member
    Posted 2 years ago #

    Well, I think I'm going to buy the premium version. It'll probably be easiest.

  15. gronsay
    Member
    Posted 2 years ago #

    I changed all the corresponding color codes as directed in this thread...but there are still green parts on my site that I want to be light pink. Can anyone help? Check out http://pnkplanning.com

  16. hennelly
    Member
    Posted 2 years ago #

    Where can I find the green.css file?

  17. otoricardo
    Member
    Posted 1 year ago #

    I modified the green.css file to shades of gray and also modified the images to some sort of shade of gray as well check out my website if you want to download the modified theme click here

Topic Closed

This topic has been closed to new replies.

About this Topic