Add A Custom Color Styling Profile To Business Grow Via Child Theme

I am in the process of building a child theme and I want to hard code a custom color styling profile to the theme's settings menu.

I've already created a custom css file (purple.css). Where is/are the function(s) that control the setting of the color profile? Again, I want to hard code the color option so that it can be selected in Appearance > Theme Options > Styling Options from the dropdown.

*NOTE* This has also been posted in the theme's forum channel.

 

Hello,

If you need to make color option appear in Appearance > Theme Options > Styling Options from the dropdown

Then,

1. Put your file in purple.css in the color folder of your parent theme. To know the path for color folder refer the below image:




2. To make that option appear in theme option panel, refer the below steps :



Also it's recommended to create a backup of your theme and contents before doing any custom changes

Hope it will solve your issue.

 

Okay, you're advice worked well. However, it didn't seem to effect the flexslider color scheme. The color of slider is still orange. How do I also correct that to purple?

 

Hello,

Kindly check have you added class".slider_text_container a" in your purple.css file. If not then try to add the below code in it :

Code:

.slider_text_container a {
  background: rgba(128, 32, 203, 0.5);
}

Hope it should solve your issue.

 

Ah. I overlooked that selector. It was probably because it is rgba and not hex. That corrected the text, but there is still one area of the slider that hasn't changed, the slide indicators (see photo). What is its selector?

 

Hello,

They are flex control paging selector. Try to add the below CSS code:

Code:

.flex-control-paging li a.flex-active, .flex-control-paging li a:hover {
  background: #551a8b;
}

Hope it will solve your issue.