Use theme color in Creativity

I am using the WP Creativity theme, and at the bottom - the theme offers the user to change to one of six colors. If I want to create a post or widget text or whatever, is there a way I can find out what the current theme color is and then use for either the font color or background color? In other words, how do I obtain the current color programatically?

Thanks

Dave

Hi,

Please check the following color values:

Code: Select all

#gk-color1 { background: #7484ff; }
#gk-color2 { background: #68b5ff; }
#gk-color3 { background: #81ac8b; }
#gk-color4 { background: #ff7f66; }
#gk-color5 { background: #fa9556; }
#gk-color6 { background: #ff8598; }


Thanks Piotr, but since the theme offers the capability to change the color (at the bottom), is there a way to tell which color is currently being used - so my text will reflect that color when the theme color is changed. When I use buttons in my them, this happens quite naturally via the CSS (see example at http://millburn.suburbanguides.com/category/blog/ - "log in" and "subscribe" buttons)- but I am hoping you can tell me how to do reflect the same theme color change on other text.

Thanks

In this case you'll have to add custom CSS code into your css/style1...style6 files. I'll try to help you with that but have to know which text exactly do you want to change? Article texts, titles, everything?

Hi Piotr,

Please see: http://millburn.suburbanguides.com/become-member/ as an example along with the attachment.

I would like to be able to color the text and/or background within a page or post, such as "Enjoy the benefits..." on this "Become a Member" page to match the buttons (which currently do change) according to the color of the current template. Currently, the "Enjoy the benefits..." just background stays green.

Currently my code is for "Enjoy the benefits...":
<div style="background-color: #81ac8b; padding: 20px;">
<h2 style="color:white">Enjoy the benefits...</h2>
</div>

Thanks for your support on this.

Ok,

First of all, please change your code into:

Code: Select all

<div class="benefits" style="padding: 20px;">
<h2 style="color:white">Enjoy the benefits...</h2>
</div>


Then you can add this code into your style1.css file:

Code: Select all

.content .benefits {
   background-color: #7484ff;
}


into your style2.css file add this code:

Code: Select all

.content .benefits {
   background-color: #68b5ff;
}


and follow colors from my previous answer, style3 - #81ac8b; etc.

Wow. Thanks Piotr. That works great!!