[Gregkar]

Hi!

is there a way that i can change basically whatever is red in the theme?

things like hover over menu, read more, mailchimp subscribe button, the red line above the footer section etc..?

Thank you!

[Support Team]

Hello @gregkar,

Currently, there is no color option available to change the color for multiple parts of the theme.

But the option will be available in the pro version of the theme which is currently under development.

However, if there is an important part that you want to change the color for then please mention them and we will provide the custom CSS.

Thank you.

Best Regards!!

Have a good day 🙂 .

[Gregkar]

do you have an approx ETA of the pro version? is it something taht will be released soon?

Thanx!

[Support Team]

Hello @gregkar,

Thank you very much for your concern 🙂 .

Since it is currently under development we could not exactly mention when will it be released but hopefully, we will release the pro version very soon.

Also, for the update on the theme and the plugin please subscribe us.

Thank you.

Best Regards!!

[Gregkar]

ok we will be waiting for the pro version with much anticipation! in the mean time is there a css code that we can change every red detail in the current theme? like the loader loading dots, hover over menu, hover over thumbs, read more, the red line above the footer etc?

[Support Team]

Hello @gregkar,

Please find your required CSS below:

CSS for loader:

.fountainG @keyframes bounce_fountainG{
 0%{
 transform:scale(1);
 background-color: #2808ec;
 }

 100%{
 transform:scale(.3);
   background-color:rgb(255,255,255);
 }
}
.fountainG {
   background: #333;
}

CSS for hover menu:

.main-navigation li>a:hover {
    color: #03A9F4;
}

CSS for read more:

.read-more-link:hover {
    color: #03A9F4;
    
}

CSS for the line above the footer.

footer#footer {
    border-color: #3187f8;  
}

CSS for the thumb hover

.post-item-wrapper .post-content, .post-item-wrapper .post-content h4:hover {
    color: #03A9F4;

.post-item-wrapper .post-content h4:hover {
    color: #2196F3;   
}

Add all above-given CSS in Admin Panel > Appearance > Customize > Additional CSS.

Also, change the color code as per your requirement.

Hope this helps.

Best Regards!!

[Gregkar]

thank’s a lot!

some elements work with the codes provided and some don’t, so maybe it’s better to wait for the Pro version

[Support Team]

Hello @gregkar,

Please mention the section that does not change its color with the CSS provided so that we can help you further.

Thank you.

Best Regards!!

[maxbuzz]

Hi,

I tried the above and got first got the following error
“There is 1 error which must be fixed before you can save.
Update anyway, even though it might break your site?”
I checked on update anyway and the results below are what I achieved

CSS for loader:

only the background dots change color there is no effect on the larger flashing dots

CSS for hover menu:

does not work

CSS for read more:

does not work

CSS for the line above the footer.

works

CSS for the thumb hover

does not work

On inspecting the elements it looks like that nothing is defined in the style.css but in front-style.css
So if I want to do a blanket change from red to a color of my choice I could change #f83531 & #df1814 for color and hover color to colors of my choice. I know this is a crude method but you could provide a way to do it through style.css it would have been great.
Please advice.

Thanks,

[Support Team]

Hello @maxbuzz,

There is not many color option in the free version of the theme as you. But we are developing the pro version including variations of color option so if you want to enjoy the wide range of color option then you have to wait a little longer.

Also if you require changing the color for few parts then we can provide the custom CSS for which please provide your site URL so that we can provide the precise fix on this.

Thank you.

Regards!!

[Author]

Posts