How to add new color fields in the Theme Options?

As you see in the picture i already created the fields, but e.g. when i try to use the color code “color5” it doesn´t work.

It’s not enough to only create the fields for the codes, but also to add CSS styles which would style all needed elements using the given color. When adding a “color1” to “color4” to a shortcode they are used as CSS classes and the styles are then loaded from the generated CSS styles file “main-options.css”.

If you wish to add more colors please check the file “wp-content\themes\minicorp\assets\wp\themes\default_colors.php” as this is the place where the dynamic CSS file is being generated on every “Theme Options” save. You have to add the new color and the styles for the given element. Make sure to style the background-color, text-color, hover-color and hover-text color.

It’s a loooot of work if you’d like to style all existing shortcodes to support the new colors.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

I can’t seem to find the right places to add the custom boxes as Elvis did above. Can you explain me where to change it so I can add multiple color boxes that work?

Thanks in advance

Those fields can be added if you edit the following file:
“wp-content\themes\minicorp\admin\functions\functions.options.php”

You can easily add them on line 758 by adding an array as all other fields are added.

E.g.:

Hope this helps.
Cheers!

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

1. Added functions in function.options.php

From line 758
2. Added styles in default_colors.php
i. Added $c5 = ( isset( $newdata['color5'] ) && '' != $newdata['color5'] ) ? $newdata['color5'] : ISH_COLOR_5; [line 25]
ii. $c5_rgb = ishyoboy_hex2rgb($c5); [line 38]
iii. .color5 .colex:after { content: ".color5 = <?php echo $c5; ?> (purple)"; } [line 431]
This for four new color styles.
3. Added complete new styles for color5 (to 8) by copying all from color4 and replacing:
color4 with color5
$c4 with $c5
4. Changed functions.interface.php
i. Added if ('' == $ish_options['color5']){ $ish_options['color5'] = ISH_COLOR_5; } from line 267
5. Hard reload admin page [CTRL + F5], saved options. Refreshed page.

That did it, but then i figured out that all most styles are double and have to be adapted manually.

Isn’t there an easier option?

The steps you have done seem to be correct.

Unfortunately the styles are not generated automatically and the styles for each color will need to be added manually. You could create a for-cycle to generate the same styles for all your new colors.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Ok, what do you mean with a for-cycle? Can you give me a reference or example?

if you are sure you have previously created the variables $c5 to $c10 then you can generate the same styles for all 5 variables using a for-cycle (or also for loop)

https://php.net/manual/en/control-structures.for.php

E.g.:

Don’t forget that you’ll see the changes ONLY AFTER you re-save all settings.

Cheers.

P.S.: This might help you understand the code better: Dynamic variable names in PHP

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Great, glad we could help!

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market