Testimonials and Ribbon Color

Hi rohanbarza,
can you provide us URL of your website here?
Thanks
TR

https://barzanewmedia.com/

Hi Rohan,
put this code to your Child Theme style.css file
OR
Install Simple Custom CSS plugin and put the code there.
I’m doing this on my browser to find solution.
It can get to some different behavior on your site.
It can happen that it is not working.
Then we have to look further.

Colors on the testimonials background

.testimonial {
    background: red;
}
OR
.testimonial {
    background: red!important;
}

………and the bottom ribbon section
What section do you mean?
Footers background?
If Yes, then same procedure as above just with this code:

#footer {
    background: blue;
}
.copyright {
    background: blue;
}

OR

#footer {
    background: blue!important;
}
.copyright {
    background: blue!important;
}

Just change the colors to your taste.
Let me know the result
Cheers
TR

Thanks for your quick reply.

I tried both of them for the testimonials and there seems to be no result as it remains the same as the default colour.

For the bottom ribbon, I was talking about the Ribbon or the Purchase Now section as it is in the theme.

Got the same problem with both of them, Trying to update the the colors in Simple CSS but they don’t seem to work and are stuck on the default colors.

Rohan,
Hmmm that is interesting,
it is working here, no problem.

Have you used this !important properties?
You should clear up cache of your browser, sometime browsers are stubborn. ?? Especially Chrome

Do you have any cache plugin set on your website like W3 Total Cache, if yes turn it off

…….and always put the code to the bottom of the style.css file. Read last/show updated

I installed the theme (Zerif Lite) on my server, just for testing and there is no Purchase now section, there is: CTA/Features/About/Your Team/Testimonial/Latest News/Get In Touch/Footers sections

Let me know.
Cheers
TR

Yeah, tried all of that but still isn’t working, doesn’t seem to make any sense.

For the ribbon, if you go to the GUI editor it has the options of dropping in two different ribbons, I have one of them filled with text and just wanted to change the background of it but even that seems stubborn.

Thanks for all your help so far.

Rohan,
I do not know how come you have this.

This is the code for purchase now section:

.purchase-now {
    background: blue;
}

.purchase-now {
    background: blue!important;
}

….and here is a screenshot of the change I did
Cheers
TR

Just going to bump this topic because none of the above solutions have worked me so far, completely weird!

Hey Rohan,

We’re very sorry for the inconvenience caused. Can you please try adding following custom CSS to the theme using Advanced CSS Editor:

.testimonial{
    background: #bee!important;
}
.purchase-now{
    background: #000!important;
}

Feel free to replace the HEX code according to your needs. Let us know how it goes. Thanks!

Just tried that using Custom CSS and no difference again, they seem to be stuck on the default colours

Hi Guys,

I’m afraid that I’m still stuck on this, and can’t find any working solution. Any help would be greatly appreciated.

Thanks

Hi Rohanbanza,
It looks like stubborn Theme. ??
If theme author or support cannot help, that is tough one.
Reinstalling WordPress and your Theme can help. But you have to have your site backed up.
Do you have installed just your Theme or there is some other theme in The Dashboeard/appearance/themes?
You should have installed one more theme at least. Like Elevenfourteen or so. So theme which comes with wordpress.

Try to disable all you plugins except your simple custome css plugin and then try put in some css to it.
If it works them turn the plugins one by one and test if you can put any css to make a change.

It this is not working then turn off simple custome css and put some code to the main style.css file by going to the Dashboard/appearance/editor and on the right side choose your theme (top right) and chose style.css file from the list under. It wil open the file in the editor then Put some code to the bottom of the file, save a take a look.

One realy stupid, but for sure. Do you hit save in simple custom css when you put some css to the file?
Sory for that question, but I had one person that forget to safe and I could not help. ??
Cheers
TR

There are just the basic wordpress themes that come preinstalled.

Already tried disabling the plugins as well, and that didn’t help either.

Yeah, hit save on Custom CSS a few times ??

Thanks for all your help, no idea why this isn’t working yet, but it’s staring to get really frustating!

So try to activate some basic theme and edit.

Look like reinstall WordPress and maybe go with different themewill be only the choice.
Did you do any css editing that worked in the past to this site?