Viewing 23 posts - 1 through 23 (of 23 total)
  • Author
    Posts
  • #7188

    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.

    #57054

    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;
    }

    #57055

    Hey

    Thanks so much for helping out. Cheers.

    #57056

    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.

    #57057

    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.

    #57058

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

    #57059

    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.

    #57060

    Try following code instead:

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

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

    #57061

    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

    #57062

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

    #57063

    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.

    #57064

    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.

    #57065

    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.

    #57066

    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

    #57067

    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

    #57068

    More for the puzzle.

    If I make the price a Sale Price it changes to my nominated color.

    This is unravelling slowly.

    Cheers

    #57069

    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.

    #57070

    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.

    #57071

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

    #57072

    Thank you so much, being looking for this solution

    #57073

    Always nice to see when solutions can help others too.

    #57074

    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!

    #57075

    Glad that it works now :)

Viewing 23 posts - 1 through 23 (of 23 total)

The topic ‘Changing Price Text Color’ is closed to new replies.