Community Forums › Forums › Archived Forums › Design Tips and Tricks › Minimum Color Scheme
Tagged: color style
- This topic has 11 replies, 4 voices, and was last updated 10 years, 4 months ago by SociallyExceptional.
-
AuthorPosts
-
October 5, 2013 at 9:51 pm #65518socialsparkMember
I want to change my theme (Minimum) from the default color of orange (for all of the hyperlinks) to another one of the colors listed in the demo theme - but I can't find where to do it! I know that I could go into CSS and change the color of all of the links to whatever I want, but I'm just wondering if there's a setting in the theme to do it like there is in the Executive theme.
Thanks!
http://www.new.susanhendricks.comOctober 6, 2013 at 3:35 am #65533RobGMemberAs fas as I can see there're no color option with the Minimum Pro theme so I would guess you would have to go into your Style,css file and make the changes accordingly. I did come across this StudioPress tutorial that might help.. http://my.studiopress.com/tutorials/color-style-options/
To speed up the process please post the link to the website in question.
We recommend using Firebug to view source codes http://getfirebug.com/
RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgossOctober 6, 2013 at 10:10 am #65560socialsparkMemberThanks, I'll try that.
Seems strange that they would promote several color schemes as options and then not include the option to change them by default.
Fran
October 6, 2013 at 10:39 am #65562RobGMemberYes I can understand your concerns but not all of StudioPress themes have this option. What are you wanting to change as far as colors?
To speed up the process please post the link to the website in question.
We recommend using Firebug to view source codes http://getfirebug.com/
RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgossOctober 6, 2013 at 4:04 pm #65592RobGMemberI am assuming you have the Minimum Pro version install for this to work. I made correct changes for this to work with the Minimum Pro theme just following the instructions below and you should be ok.
First I recommend that you have a backup copy of any of the files you are going to alter just as a safety precaution.
STEP-1
Now copy the following PHP code and add it to your ( function.php file ) to give you the color option support. Click save//* Add support for additional color style options add_theme_support( 'genesis-style-selector', array( 'minimum-pro-brown' => __( 'Minimum Pro Brown', 'minimum pro' ), 'minimum-pro-green' => __( 'Minimum Pro Green', 'minimum pro' ), 'minimum-pro-orange' => __( 'Minimum Pro Orange', 'minimum pro' ), 'minimum-pro-purple' => __( 'Minimum Pro Purple', 'minimum pro' ), 'minimum-pro-red' => __( 'Minimum Pro Red', 'minimum pro' ), 'minimum-pro-teal' => __( 'Minimum Pro Teal', 'minimum pro' ), ) );
STEP-2
Here's the CSS codes you'll need to allow you to add the different options, Just copy this and add it to your ( style.css file ) and click save. You should be good to go.
/* Theme Colors ---------------------------------------------------------------------------------------------------- */ /* Minimum Pro Brown --------------------------------------------- */ .minimum-pro-brown a, .minimum-pro-brown .entry-title a:hover, .minimum-pro-brown .footer-widgets .entry-title a:hover { color: #a68064; } .minimum-pro-brown .genesis-nav-menu a { color: #666; } .minimum-pro-brown .entry-title a, .minimum-pro-brown .site-title a, .minimum-pro-brown .site-title a:hover, .minimum-pro-brown .site-footer a { color: #a68064; } .minimum-pro-brown .content .entry-header .entry-meta .entry-comments-link a, .minimum-pro-brown .footer-widgets .entry-title a, .minimum-pro-brown .genesis-nav-menu .current-menu-item > a, .minimum-pro-brown .genesis-nav-menu a:active, .minimum-pro-brown a.button { color: #fff; } .minimum-pro-brown .comment-header .comment-meta a, .minimum-pro-brown .comment-metadata a { color: #bbb; } .minimum-pro-brown .enews-widget input[type="submit"], .minimum-pro-brown .content .entry-header .entry-meta .entry-comments-link, .minimum-pro-brown .genesis-nav-menu .current-menu-item > a, .minimum-pro-brown .archive-pagination li a, .minimum-pro-brown a.button, .minimum-pro-brown button, .minimum-pro-brown input[type="button"], .minimum-pro-brown input[type="reset"], .minimum-pro-brown input[type="submit"] { background-color: #a68064; } .minimum-pro-brown .archive-pagination li a:hover, .minimum-pro-brown .archive-pagination li.active a, .minimum-pro-brown a:hover.button, .minimum-pro-brown button:hover, .minimum-pro-brown input:hover[type="button"], .minimum-pro-brown input:hover[type="reset"], .minimum-pro-brown input:hover[type="submit"] { background-color: #b2886b; } /* Minimum Pro Green --------------------------------------------- */ .minimum-pro-green a, .minimum-pro-green .entry-title a:hover, .minimum-pro-green .footer-widgets .entry-title a:hover { color: #60cd69; } .minimum-pro-green .genesis-nav-menu a { color: #666; } .minimum-pro-green .entry-title a, .minimum-pro-green .site-title a, .minimum-pro-green .site-title a:hover, .minimum-pro-green .site-footer a { color: #60cd69; } .minimum-pro-green .content .entry-header .entry-meta .entry-comments-link a, .minimum-pro-green .footer-widgets .entry-title a, .minimum-pro-green .genesis-nav-menu .current-menu-item > a, .minimum-pro-green .genesis-nav-menu a:active, .minimum-pro-green a.button { color: #fff; } .minimum-pro-green .comment-header .comment-meta a, .minimum-pro-green .comment-metadata a { color: #bbb; } .minimum-pro-green .enews-widget input[type="submit"], .minimum-pro-green .content .entry-header .entry-meta .entry-comments-link, .minimum-pro-green .genesis-nav-menu .current-menu-item > a, .minimum-pro-green .archive-pagination li a, .minimum-pro-green a.button, .minimum-pro-green button, .minimum-pro-green input[type="button"], .minimum-pro-green input[type="reset"], .minimum-pro-green input[type="submit"] { background-color: #60cd69; } .minimum-pro-green .archive-pagination li a:hover, .minimum-pro-green .archive-pagination li.active a, .minimum-pro-green a:hover.button, .minimum-pro-green button:hover, .minimum-pro-green input:hover[type="button"], .minimum-pro-green input:hover[type="reset"], .minimum-pro-green input:hover[type="submit"] { background-color: #66d970; } /* Minimum Pro Orange --------------------------------------------- */ .minimum-pro-orange a, .minimum-pro-orange .entry-title a:hover, .minimum-pro-orange .footer-widgets .entry-title a:hover { color: #e0a24b; } .minimum-pro-orange .genesis-nav-menu a { color: #666; } .minimum-pro-orange .entry-title a, .minimum-pro-orange .site-title a, .minimum-pro-orange .site-title a:hover, .minimum-pro-orange .site-footer a { color: #e0a24b; } .minimum-pro-orange .content .entry-header .entry-meta .entry-comments-link a, .minimum-pro-orange .footer-widgets .entry-title a, .minimum-pro-orange .genesis-nav-menu .current-menu-item > a, .minimum-pro-orange .genesis-nav-menu a:active, .minimum-pro-orange a.button { color: #fff; } .minimum-pro-orange .comment-header .comment-meta a, .minimum-pro-orange .comment-metadata a { color: #bbb; } .minimum-pro-orange .enews-widget input[type="submit"], .minimum-pro-orange .content .entry-header .entry-meta .entry-comments-link, .minimum-pro-orange .genesis-nav-menu .current-menu-item > a, .minimum-pro-orange .archive-pagination li a, .minimum-pro-orange a.button, .minimum-pro-orange button, .minimum-pro-orange input[type="button"], .minimum-pro-orange input[type="reset"], .minimum-pro-orange input[type="submit"] { background-color: #e0a24b; } .minimum-pro-orange .archive-pagination li a:hover, .minimum-pro-orange .archive-pagination li.active a, .minimum-pro-orange a:hover.button, .minimum-pro-orange button:hover, .minimum-pro-orange input:hover[type="button"], .minimum-pro-orange input:hover[type="reset"], .minimum-pro-orange input:hover[type="submit"] { background-color: #e9ad50; } /* Minimum Pro Purple --------------------------------------------- */ .minimum-pro-purple a, .minimum-pro-purple .entry-title a:hover, .minimum-pro-purple .footer-widgets .entry-title a:hover { color: #9e63ec; } .minimum-pro-purple .genesis-nav-menu a { color: #666; } .minimum-pro-purple .entry-title a, .minimum-pro-purple .site-title a, .minimum-pro-purple .site-title a:hover, .minimum-pro-purple .site-footer a { color: #9e63ec; } .minimum-pro-purple .content .entry-header .entry-meta .entry-comments-link a, .minimum-pro-purple .footer-widgets .entry-title a, .minimum-pro-purple .genesis-nav-menu .current-menu-item > a, .minimum-pro-purple .genesis-nav-menu a:active, .minimum-pro-purple a.button { color: #fff; } .minimum-pro-purple .comment-header .comment-meta a, .minimum-pro-purple .comment-metadata a { color: #bbb; } .minimum-pro-purple .enews-widget input[type="submit"], .minimum-pro-purple .content .entry-header .entry-meta .entry-comments-link, .minimum-pro-purple .genesis-nav-menu .current-menu-item > a, .minimum-pro-purple .archive-pagination li a, .minimum-pro-purple a.button, .minimum-pro-purple button, .minimum-pro-purple input[type="button"], .minimum-pro-purple input[type="reset"], .minimum-pro-purple input[type="submit"] { background-color: #9e63ec; } .minimum-pro-purple .archive-pagination li a:hover, .minimum-pro-purple .archive-pagination li.active a, .minimum-pro-purple a:hover.button, .minimum-pro-purple button:hover, .minimum-pro-purple input:hover[type="button"], .minimum-pro-purple input:hover[type="reset"], .minimum-pro-purple input:hover[type="submit"] { background-color: #a969f3; } /* Minimum Pro Red --------------------------------------------- */ .minimum-pro-red a, .minimum-pro-red .entry-title a:hover, .minimum-pro-red .footer-widgets .entry-title a:hover { color: #e04b4b; } .minimum-pro-red .genesis-nav-menu a { color: #666; } .minimum-pro-red .entry-title a, .minimum-pro-red .site-title a, .minimum-pro-red .site-title a:hover, .minimum-pro-red .site-footer a { color: #e04b4b; } .minimum-pro-red .content .entry-header .entry-meta .entry-comments-link a, .minimum-pro-red .footer-widgets .entry-title a, .minimum-pro-red .genesis-nav-menu .current-menu-item > a, .minimum-pro-red .genesis-nav-menu a:active, .minimum-pro-red a.button { color: #fff; } .minimum-pro-red .comment-header .comment-meta a, .minimum-pro-red .comment-metadata a { color: #bbb; } .minimum-pro-red .enews-widget input[type="submit"], .minimum-pro-red .content .entry-header .entry-meta .entry-comments-link, .minimum-pro-red .genesis-nav-menu .current-menu-item > a, .minimum-pro-red .archive-pagination li a, .minimum-pro-red a.button, .minimum-pro-red button, .minimum-pro-red input[type="button"], .minimum-pro-red input[type="reset"], .minimum-pro-red input[type="submit"] { background-color: #e04b4b; } .minimum-pro-red .archive-pagination li a:hover, .minimum-pro-red .archive-pagination li.active a, .minimum-pro-red a:hover.button, .minimum-pro-red button:hover, .minimum-pro-red input:hover[type="button"], .minimum-pro-red input:hover[type="reset"], .minimum-pro-red input:hover[type="submit"] { background-color: #e95050; } /* Minimum Pro Teal --------------------------------------------- */ .minimum-pro-teal a, .minimum-pro-teal .entry-title a:hover, .minimum-pro-teal .footer-widgets .entry-title a:hover { color: #4be0d4; } .minimum-pro-teal .genesis-nav-menu a { color: #666; } .minimum-pro-teal .entry-title a, .minimum-pro-teal .site-title a, .minimum-pro-teal .site-title a:hover, .minimum-pro-teal .site-footer a { color: #4be0d4; } .minimum-pro-teal .content .entry-header .entry-meta .entry-comments-link a, .minimum-pro-teal .footer-widgets .entry-title a, .minimum-pro-teal .genesis-nav-menu .current-menu-item > a, .minimum-pro-teal .genesis-nav-menu a:active, .minimum-pro-teal a.button { color: #fff; } .minimum-pro-teal .comment-header .comment-meta a, .minimum-pro-teal .comment-metadata a { color: #bbb; } .minimum-pro-teal .enews-widget input[type="submit"], .minimum-pro-teal .content .entry-header .entry-meta .entry-comments-link, .minimum-pro-teal .genesis-nav-menu .current-menu-item > a, .minimum-pro-teal .archive-pagination li a, .minimum-pro-teal a.button, .minimum-pro-teal button, .minimum-pro-teal input[type="button"], .minimum-pro-teal input[type="reset"], .minimum-pro-teal input[type="submit"] { background-color: #4be0d4; } .minimum-pro-teal .archive-pagination li a:hover, .minimum-pro-teal .archive-pagination li.active a, .minimum-pro-teal a:hover.button, .minimum-pro-teal button:hover, .minimum-pro-teal input:hover[type="button"], .minimum-pro-teal input:hover[type="reset"], .minimum-pro-teal input:hover[type="submit"] { background-color: #50e9df; }
I hope this will help you have a great day..Rob
To speed up the process please post the link to the website in question.
We recommend using Firebug to view source codes http://getfirebug.com/
RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgossOctober 6, 2013 at 7:56 pm #65602socialsparkMemberOh my, that's a lot of code!
Thanks for all your effort, Rob.Fran
October 7, 2013 at 3:19 am #65622RobGMemberYou welcome Fran glad I could help. I already try this rework coding on my demo and it works like a charm...
To speed up the process please post the link to the website in question.
We recommend using Firebug to view source codes http://getfirebug.com/
RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgossOctober 12, 2013 at 9:36 am #66420ryanhanleyMemberHow would you change the link color?
It's set to black with underline text highlight, but I can't figure out where to change the text color and there doesn't seem to be tutorial for this?
Thanks!
October 12, 2013 at 4:44 pm #66453RobGMemberHi Ryan I just took a look at your website and I don't see the black with underline text maybe I'm missing it.
To speed up the process please post the link to the website in question.
We recommend using Firebug to view source codes http://getfirebug.com/
RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgossOctober 12, 2013 at 5:40 pm #66460ryanhanleyMemberRob,
I actually fixed it after of I posted this... Thanks!
Ryan
October 13, 2013 at 1:17 am #66476RobGMemberSounds great Ryan, glad you got it fix. Oh and by the way your site looks awsome nice job.
To speed up the process please post the link to the website in question.
We recommend using Firebug to view source codes http://getfirebug.com/
RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgossDecember 4, 2013 at 10:05 pm #77127SociallyExceptionalParticipantHello! These codes have been fantastic! Thank you!
I am also curious how I can change the background to a darker color?
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.