Aug 2010
13 / 13
Sep 2010
Sep 2010
autonomous
Aug '10

Hello Everyone,



I'd like to use E-Junkie for my Wordpress blog. I've downloaded the WP E-Junkie Plug in as well as used the non-java button codes.



Here's my issue: the view cart button seems to work okay, however when the view cart box pops up, all the fill out boxes are grey. I cannot read any of the text and i could barely see the word "check out." Most of the fill boxes are all greyed-out.



... incredibly frustrated-- please help



Many Thanks!

  • created

    Aug '10

  • last reply

    Sep '10
  • 12

    replies

  • 1.3k

    views

  • 3

    users

  • 4

    links

E-junkie_GuruWebmaster & Support Guru
Aug '10

It sounds like CSS from the WordPress theme you're using may also be affecting the appearance of some elements of the cart. This seems to be the relevant part from your http://autonomousblog.com/wp-content/themes/idream/style.css file:



input[type=text], input[type=password], input[type=file], select, textarea {

border: 1px solid #858a8e;

background-color: #c9ccd0;

color: #333333;

background-image: url(images/inputbg.png);

background-position: 0px 0px;

background-repeat: no-repeat;

}



I think if you just delete the line "background-color: #c9ccd0;", that should fix the problem you described.

autonomous
Aug '10

Thank you for the reply!



I've tried your suggestion but unfortunately, it's still the same. All the fill boxes are still grey.



If it helps, below are the plug ins I have installed:



-Akismet

-Contact Form 7

-Google Analytics for Wordpress

-Google XML Sitemap

-May Page Order

-Wordpress Database Backup

-WP php My Admin

-WP E-Junkie.com Shopping Cart



I read on one of the documents that one perhaps the a plug in may not work well with the shopping cart. I hope the above info helps.

E-junkie_GuruWebmaster & Support Guru
Sep '10

Hm, I'm still seeing the line "background-color: #c9ccd0;" in your site's style.css file, so perhaps when you removed that, the modified file didn't actually get saved/uploaded to your site somehow? After you edit, save and upload the modified style.css file to your site, you may need to hold the Ctrl key when you click Refresh (or Ctrl-F5, same thing), to make sure your browser re-downloads a fresh copy of everything in the page.



If that still doesn't seem to resolve the problem, could you provide the URL of a page where the problem is occurring, so we could examine what might be going on there?

autonomous
Sep '10

Well, what iI actually did was remove the "background-color: #c9ccd0;" code on the editor then updated it to save. I then added the Add to Cart button to see if it worked. Unfortunately, it had not.



So, being a total NON-coder-- I freaked out and pasted the code back in (haha).



Anywho-- I tried deleting once again and it still hasn't worked. I planned to put the button on a blog post but i haven't posted it yet because it doesn't seem to be working correctly. I've only been previewing the post with the button and getting the grayed-out result.



Soo, I did this: I posted the button under the "Autonomous" page on my blog for your review:



http://autonomousblog.com/?pageid=14&preview=true&preview_id=14&preview_nonce=537c94e186



I hope this sheds some light on the issue.



Again, many thanks for helping me out!!

E-junkie_GuruWebmaster & Support Guru
Sep '10

Hm, that URL just says I do not have permission to view drafts, so you'll need to make a publicly-visible post for us to see. Maybe you can set the date to make it a really "old" post that nobody's likely to see if they're not digging for it?



I'm still seeing that "background-color: #c9ccd0;" line in your site's style.css file. In that particular section of CSS code, all that line does is color the background of text-input boxes grey, so you can safely delete it and leave it that way without messing anything up.

autonomous
Sep '10

Hmm-- Sorry I've never seen that draft message before. Try this:



http://autonomousblog.com/?pageid=14



It wasn't a draft, I actually published it. Otherwise, please go to AutonomousBlog.com and click on the "Autonomous" page-- I have the button there.



I'll also delete the background color code.

E-junkie_GuruWebmaster & Support Guru
Sep '10

Oh, sorry; I'd thought you were referring to text-entry fields in the cart (such as where a buyer would edit quantity or enter a discount code), but now I see it's actually the table cells that have a dark grey background. In your style.css, about 10 lines from the very bottom, you'll find this line:



table td{background-color:#3f4248;}



Deleting that line ought to do the trick. :^)

autonomous
Sep '10

Excellent!!! Thank you--



Okay, one more thing: the text entry fields look great. However, now the mouse-over still looks dark grey.



So every time I place the cursor over the text field, it turns dark grey making the field unreadable.

E-junkie_MonsterSupport Monster
Sep '10

There's still a "c9ccd0" value somewhere in your CSS settings that would be causing this, unfortunately I'm not as well versed in CSS as the Guru but I would recommend searching for that value in your CSS settings and changing it to a different color.



For example "CCCCCC" would be a light gray and "FFFFFF" would be white.

autonomous
Sep '10

hmm, tried to delete that code ("c9ccd0") and changed it to cccccc, but it hasn't worked. any other thoughts by any chance?

E-junkie_GuruWebmaster & Support Guru
Sep '10

Near the end of your style.css, I think this is the line causing the darkened background on hover:



table tr:hover td{background-color:#25272b;}



Delete that line, and you should be all set. :^)