I am having a problem with the text color of my shopping cart and checkout pages: http://presalecentral.net/?page_id=30&category=1. The text color is black, but the color of the text boxes and buttons is dark blue, which makes it hard to read the text. You can download and view my style.css here: http://rapidshare.com/files/117409941/style.css.html. PM me or reply if you have a solution or need more info from me. I appreciate any help.

G'day Jasiel.

Not clear what's going on here.

I can't find a css file at that URL. Have you put the full stop (.) after the URL such that it has become part of the address and spoiled it?

Anyway, you've got a heap of css files in your source code. Is this the one we're looking for?

<link rel="stylesheet" type="text/css" href="http://presalecentral.net/wp-content/plugins/wp-shopping-cart/share-this.php?wpsc_akst_action=css" />

You seem to have some problem with the FF/IE discrepancy.

I'm aware that you were making some changes to your css file the other day. It can happen that if you make the changes too far up the tree, you change things that you didn't intend to, but don't discover this till later, when you open something else.

So see if you can give us a bit more info to go on.

It's easy enough foe me (or some else) to view your css file. No need to specially upload it. Just need to know what we're looking for.

Regards,
Laurie.

I don't know specifically where in the CSS the problem is, but I know what pages the problem is on: http://presalecentral.net/?page_id=30&category=1. is where the text color is black but the button is dark blue, and also on the next page, the checkout page, the text is also black and the text boxes are also dark blue. If you can tell me specifically what you need I will try to find it for you.

OK jasiel, I'l try and help you work out what you need to learn to be able to fix this stuff.

I've had a bit of a look around the guts of your site. It seems to be a WordPress platform with several plugins. The plugins are for things such as the shopping cart and e-mail sign-up as well as other things. I forget exactly what. That was yesterday.

I'm guessing that you got the programme, already set up, ready to go, rather than building it up yourself by adding the plugins to a standard WP blog with a downloaded theme. Is this correct?

So what you'll need to do runs something like this:

Find out which plugin it is that contains the box where the problem is.

Find out what the plugin is called in the page's code.

Find out which css file runs the plugin.

Find out which id, class or span in the css file affects the rendering of the text and background of the box.

Decide what colours you want the text and background in the box.

Alter the css file and upload.

Now, jasiel, I don't want you to feel put down in any way. This is not my intention.

It seems like you are new to css so I suggest that before you make any changes to your css file, do the following:

1)  Make a copy of the css file. Use Notepad if you have nothing else.

2)  Make some hand written notes about what you are changing.

Here are a couple of observations:

I see that you have the same problem in a couple of different boxes on various pages. Looks like the problems belong to different plugins.

You were fixing a problem the other day with the search box. I see you got it fixed. But I wonder if fixing that problem is what caused several new problems. If so, the reason may be that you made a change in one of your css files that has overridden the plugin css file. That is, you fixed the problem in the wrong place.

I'm only guessing here, but if that's the case you'll need to go back and put things right and then fix the original problem in the correct place.

You're going to have to do all of this yourself, because nobody else has the ability to try this and try that to find out how the site works.

Here are the css files that I could easily see in your code. There may be more that I've missed:

<link rel="stylesheet" href="http://presalecentral.net/wp-content/themes/Club/style.css" type="text/css" media="screen" />



<link rel="stylesheet" href="http://presalecentral.net/wp-content/plugins/pagenavi/pagenavi-css.css" type="text/css" media="screen" />



<link href='http://presalecentral.net/wp-content/plugins/wp-shopping-cart/product_rater.css' rel="stylesheet" type="text/css" />



<link href='http://presalecentral.net/wp-content/plugins/wp-shopping-cart/thickbox.css' rel="stylesheet" type="text/css" />



<link href='http://presalecentral.net/wp-content/plugins/wp-shopping-cart/themes/default/default.css' rel="stylesheet" type="text/css" />



<link rel="stylesheet" type="text/css" href="http://presalecentral.net/wp-content/plugins/wp-shopping-cart/share-this.php?wpsc_akst_action=css" />

Very importent: Whatever you are working on, be sure to make a copy before you start and keep good hand written notes. I have a spiral bound notebook right beside me and keep all my notes for ever. This way I've got some hope of reverting when I make a mistake.

Keep communicating so that we can work you through this. One of the coding experts, such as Steven or CE might be better able to assist you.

Regards,
Laurie.

The problem is just like the last one. The styling for your original "input" tags is causing the text to be black.
As before you will need to specify a different color for this button.

There is already a class of "wpsc_buy_button" in the button tag. However in the style sheet "wp-shopping-cart/themes/default/default.css" where this class is located there is no styling declared. Just add the color declaration to this class and your problem will be corrected.

(edit)
Didn't see your post when I started my reply Laurie, good advice there.

Thanks for your help laurie_m and ColoEagle! I greatly appreciate your kindness and you both taking time to help me. I fixed the text color problem on the product overview page with CE's solution, but there is also another page with the same problem. On this page: http://presalecentral.net/?page_id=30&category=1 the problem was fixed, but on this page click on the "Add to cart" button at the bottom (the fixed problem on this page) and then click on the "Go to checkout link" at the top of the page. On this page the color of the text used in the form is black, which is hard to see with the dark blue text boxes. I looked through the CSS style sheet CE pointed out and tried to add a line for color with white as the color for different classes that could be linked to the form, but the problem was never fixed. I would really appreciate it if one of you could go through that style sheet and point out to me which class is linked to the form so I can fix the problem. Thanks for your help and time!

Just add the button class to the input tags.

I tried adding the button class to several different input tags, but there are just so many and I don't know what page or section of my site they control. Is there a way I can see what each input tag controls so I can fix the text color problem on the page I said in my last post?

Ah! Thought that may have have confused you, jasiel. I was betwixt and between posting an expanded explanation. Trouble is with some of these coding experts: they forget what it's like to be starting out.

I think that what CE is saying is that you don't have anything in your css file to drive the code in the page, where the box is. You'll have to create the instruction to the box, in the css file. If I understand correctly, you'll need to add something like this to your css file.

.wpsc_buy_button  {

background-color: #ffffff;

color: #000000;

}

That should give you a white background and black text.

Does that fit with the situation? I'm guessing a bit here.

Regards,
Laurie.

That didn't fix it but thanks for trying laurie. I wish I could fix it on my own, but I'm a newbie to html. I'm learning more and more as my website progresses, and I enjoy learning so it all works out!

Well, it looks to be pretty well fixed to me. Try refreshing your browser.

Regards,
Laurie.

I fixed the text color problem on the product overview page with CE's solution, but there is also another page with the same problem. On this page: http://presalecentral.net/?page_id=30&category=1 the problem was fixed, but on this page click on the "Add to cart" button at the bottom (the fixed problem on this page) and then click on the "Go to checkout link" at the top of the page. On this page the color of the text used in the form is black, which is hard to see with the dark blue text boxes. I would greatly appreciate it if someone could help me with this problem. Thanks in advance!

You will need to go to every page that has the problem and add the button class to the input tag. If the page forms are dynamically created and there is a single form page then you will need to add the button class to this page.

Sometimes there just isn't an easy way to solve a problem

I'm sorry if I sound newbish but what's an input tag and is there just one input tag on each page I have to add the button class to orr are there more than one? How do I know which input tags to add the button class to in order to fix the problem? Also, would I add the button class to only the CSS style pages or to the other pages as well? I really appreciate you guys sticking around and attempting to help me all this time. I'm glad I am part of such a great community.

Well, G'day again Jasiel. Struggling a bit, huh? Not to worry.

Here is the code that drives your e-mail wiget:

<h2 class="widgettitle">Subscribe via e-mail</h2>                     <div class="textwidget"><form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://www.feedburner.com/fb/a/emailverify" method="post" target="popupwindow" onsubmit="window.open('http://www.feedburner.com/fb/a/emailverifySubmit?feedId=1581078', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Enter your email address:</p><p><input class="hidden" style="width:140px" name="email"/></p><input type="hidden" value="http://feeds.feedburner.com/~e?ffid=1581078" name="url"/><input type="hidden" value="Free Presale Passwords" name="title"/><input type="hidden" name="loc" value="en_US"/><input class="button" value="Subscribe" type="submit"><p>Delivered by <a href="http://www.feedburner.com" target="_blank">FeedBurner</a></p></form></div>

Now, have a close look at the code.

1)  See where it has:

<h2 class="widgettitle">Subscribe via e-mail</h2>

That's the heading. See how it's in the <h2></h2> tags.

OK. Now have a look at the rest of the code. You'll see that it's inside the <div></div> tags. In this case it's actually

<div class="textwidget"></div>

There are other tags inside the div, such as <p></p>, but it's the div tag that you'll need to be looking at, by the looks of it.

Now Jasiel, the class that you need to alter in your css file will be .textwiget But you'll need to find the right css file to start with. May be the same one as before or maybe another one. You'll need to open them and see.

It will look something like this:

.textwiget {

whatever:  it says;

whatever-else: it says;

}

But I must repeat my concern for you that maybe you've made an overriding change to the main css file when you first started making changes and that's why you now have these more limited problems popping up.

If you've made a change to the css file at the level of #page or #content, that would explain why you're having these problems. Was the site OK when you first installed it? If so, you're best bet would be to put it back to it's original state and don't fiddle. This WP site is far too complex for you to be learning css and php on. There are so many extras added in.

Regards,
Laurie.

Thank you for your help CE and Laurie! I have decided to sell my product on a seperate website instead to avoid this problem and so I can describe it better. I really appreciate your help, thanks again!

Well, of course, the decision is your's to make Jasiel.

But I'd suggest that the display of a couple of boxes isn't good enough reason on it's own to discard the WP site.

Someone who is familiar with this stuff would have it humming in a matter of a few minutes.

You could try to get someone from this forum to fix it. You'd need to give them your sign in details. Just make sure that it's someone you can trust.

Maybe a fee of fifty bucks, at a guess, maybe less.

Or else I could help you by e-mail, for free. You'd need to be sitting at the computer so we can work consistently, together.

It's 11.00am here, so you've got a while before I go to bed.

Regards,
Laurie.