I still can't find an option to change the default price text color to a specific color I am utilising throughout the theme. I am sure it is a simple task but unfortunately I can't find the solution. Hoping someone can give me the answer. Thanks in advance for any help.
Changing Price Text Color
23 posts from 5 voices-
Posted 1 year ago #
-
Hey,
add following code to css/custom.css and change the color values:
#top div .price del { color: #BBBBBB; } #top div .price ins { color: #8B2121; }Posted 1 year ago # -
Hey
Thanks so much for helping out. Cheers.Posted 1 year ago # -
There doesn't appear to be a custom.css file in Edit Theme section. The only place I could add this css was in Quick css. That didn't work. In quick css it suggests to make css changes in the custom.css file but I can't find it. Any suggestions? Thanks in advance again.
Posted 1 year ago # -
Hey,
you can use a ftp software like fielzilla: http://filezilla-project.org/ (fielzilla client) to access your server/ftp directories. Some hosters also offer a web ftp panel (i.e. cpanel). Navigate to wp-content/themes/abundance/css and there you'll find custom.css. Download it and edit the file, then upload it again.Posted 1 year ago # -
Thanks for that. I use filezilla. I will try that.
Posted 1 year ago # -
Added the custom.css you provided to custom.css file but the color has not changed. Any other suggestions?
Once again, thanks for your help.
Posted 1 year ago # -
Try following code instead:
#top div .price del { color: #BBBBBB !important; } #top div .price ins { color: #8B2121 !important; }Posted 1 year ago # -
Just tried the new code. No luck. Who would have thought something so simple could be so difficult. Anyway thanks again. If you have any other suggestions please let me know. Cheers
Posted 1 year ago # -
This really sounds like a cache issue now. Try to clear your browser cache, wp cache, etc. :)
Posted 1 year ago # -
I tried both W3 Total Cache and WP Super Cache. No change.
However when I tried W3 Total Cache I got the following message
It appears Page Cache URL rewriting is not working. If using apache, verify that the server configuration allows .htaccess or if using nginx verify all configuration files are included in the configuration
I looked in my files on hostgator and there is a .htaccess but it is empty.
I know very little about these things so not sure where to go from here. Hoping you can help.
Thanks again.
Posted 1 year ago # -
Have you tried a strong refresh? Ctrl + f5 should do the trick too. This is a "strong" refresh - forcing the browser to load everything from scratch - maybe you can link to your page so we can check if your update is visible.
Posted 1 year ago # -
I use a Mac so I don't have that option. But I do have a refresh button which reloads the website. I have done that. No luck. I have Firefox, Chrome and Safari on my computer and it is the same on all 3.
This should be easy but it's not.
Still hoping for something that will work. Thanks in advance for any help.
Posted 1 year ago # -
Just thought I'd try figuring this problem out. Here's an interesting fact. The CSS coding DOES change the Simple Product price BUT NOT the Variable Product price. Since most of my products are variable products is the reason I have only just noticed this now.
So maybe I just need extra CSS to change the variable products to my color of choice.
Here's hoping someone can help me, once again.
Cheers
Posted 1 year ago # -
Just a bit more testing. Sometimes the test products work and the CSS changes the color and sometimes NO.
Still not sure what is going on. This really should be so simple.
I also tried the theme and plugin on another of my URLs - same thing. A bit hit and miss!
There must be an answer somewhere.
Cheers and thanks to anyone who can help
Posted 1 year ago # -
More for the puzzle.
If I make the price a Sale Price it changes to my nominated color.
This is unravelling slowly.Cheers
Posted 1 year ago # -
Final analysis.
The following CSS is what I used (I only changed the color codes)
#top div .price del {
color: #BBBBBB !important;
}#top div .price ins {
color: #8B2121 !important;
}
This CSS coding only works when you select Simple Product option, then nominate a regular price AND a sales price. All other options are still the default. I do not think this is a cache problem. Otherwise even this option would not work.Hoping now with all of this someone can help me find a solution.
Thanks.
Posted 1 year ago # -
Problem solved. I just slightly changed the CSS.
from#top div .price ins {
color: #8B2121 !important;
}to
#top div .price {
color: #8B2121 !important;
}
All the prices have now changed.Once again thanks for the help.
Posted 1 year ago # -
Good to see you've solved the issue :) Thanks for sharing the solution too!
Posted 1 year ago # -
Thank you so much, being looking for this solution
Posted 1 year ago # -
Always nice to see when solutions can help others too.
Posted 1 year ago # -
I changed it to:
#top div .price del {
color: #BBBBBB;
}#top div .price ins {
color: #008000;
}#top div .price {
color: #696969;
}So now you can change default price color and price colours of products in sale.
Cheers!
Posted 1 year ago # -
Glad that it works now :)
Posted 1 year ago #
Reply
You must log in to post.














