456 posts
  • Has been part of the Envato Community for over 6 years
  • Has referred 1+ members
  • Has sold $100+ on Envato Market
  • Has collected 10+ items on Envato Market
+3 more
godonholiday says

Sorry, i posted this on TF as template authors seem to use it a lot. I guess here might have been a better option.

I have seen a couple of templates that have a tool on the side to change the color of a background or html element using a color wheel.

I had a little search, and I only seem to find WP template switchers and JS css switchers that jump to another css.

I am looking for something that will change the style of the element as you click on the color in the tool?

I thought I had seen one on codecanyon but now I can only find the full css file switchers.

Any ideas?

Thanks

456 posts
  • Has been part of the Envato Community for over 6 years
  • Has referred 1+ members
  • Has sold $100+ on Envato Market
  • Has collected 10+ items on Envato Market
+3 more
godonholiday says

Any ideas?

I am looking to buy an item for this.

337 posts No! It's not a 5 minute job!
  • Elite Author: Sold more than $75,000 on Envato Market
  • Won a competition
  • Has sold $250,000+ on Envato Market
  • Had an item featured in an Envato Bundle
+13 more
WebFactory says

That’s a bit too project-specific for an universal solution. It boils down to 2-3 lines of jQuery code so I’m not quite sure you’ll be able to find a ready-made solution.

456 posts
  • Has been part of the Envato Community for over 6 years
  • Has referred 1+ members
  • Has sold $100+ on Envato Market
  • Has collected 10+ items on Envato Market
+3 more
godonholiday says

That’s a bit too project-specific for an universal solution. It boils down to 2-3 lines of jQuery code so I’m not quite sure you’ll be able to find a ready-made solution.

Thanks for letting me know. I have done some searches to find some tutorials etc.. but I dont think I am searching for the right thing.

A theme switcher and css switcher all point to tutorials where you actually flip back and forth between style sheets.

I actually want the color of an element to change as you are on the page.

Thanks

337 posts No! It's not a 5 minute job!
  • Elite Author: Sold more than $75,000 on Envato Market
  • Won a competition
  • Has sold $250,000+ on Envato Market
  • Had an item featured in an Envato Bundle
+13 more
WebFactory says

I actually want the color of an element to change as you are on the page.

Yes, that’s 2-3 lines of jQuery code. Basically just onColorPickerChange .... $('#element').css('color', currentColorpickerColor);

456 posts
  • Has been part of the Envato Community for over 6 years
  • Has referred 1+ members
  • Has sold $100+ on Envato Market
  • Has collected 10+ items on Envato Market
+3 more
godonholiday says


I actually want the color of an element to change as you are on the page.
Yes, that’s 2-3 lines of jQuery code. Basically just onColorPickerChange .... $('#element').css('color', currentColorpickerColor);

Thanks, that seems to make sense. I guess I just need a color picker and work through geting its current state.

Thanks for the help!

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by