Changing Price Text Color

23 posts from 5 voices

• Started 1 year ago by Sharon
• Latest reply from Dude
• This topic is not a support question

Tags:

No tags yet.

1. 

   Sharon
   Member

   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.

   Posted 1 year ago #
2. 

   Dude
   Dude

   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 #
3. 

   Sharon
   Member

   Hey
   Thanks so much for helping out. Cheers.

   Posted 1 year ago #
4. 

   Sharon
   Member

   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 #
5. 

   Dude
   Dude

   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 #
6. 

   Sharon
   Member

   Thanks for that. I use filezilla. I will try that.

   Posted 1 year ago #
7. 

   Sharon
   Member

   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 #
8. 

   Dude
   Dude

   Try following code instead:
   

   #top div .price del {
       color: #BBBBBB !important;
   }
   
   #top div .price ins {
       color: #8B2121 !important;
   }

   Posted 1 year ago #
9. 

   Sharon
   Member

   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 #
10. 

    Dude
    Dude

    This really sounds like a cache issue now. Try to clear your browser cache, wp cache, etc. :)

    Posted 1 year ago #
11. 

    Sharon
    Member

    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 #
12. 

    Chris Beard
    

    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 #
13. 

    Sharon
    Member

    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 #
14. 

    Sharon
    Member

    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 #
15. 

    Sharon
    Member

    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 #
16. 

    Sharon
    Member

    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 #
17. 

    Sharon
    Member

    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 #
18. 

    Sharon
    Member

    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 #
19. 

    Chris Beard
    

    Good to see you've solved the issue :) Thanks for sharing the solution too!

    Posted 1 year ago #
20. 

    wunmi123
    Member

    Thank you so much, being looking for this solution

    Posted 1 year ago #
21. 

    Chris Beard
    

    Always nice to see when solutions can help others too.

    Posted 1 year ago #
22. 

    Roy
    Member

    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 #
23. 

    Dude
    Dude

    Glad that it works now :)

    Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.