Big gap between attributes being caused by add to cart button

[Sketchy]

How about just positioning to the left side of the attributes instead?

If interested, make a backup of your stylesheet.css and find/modify;

/*Shopping Cart Display*/
#cartAdd { float: left; text-align: center; padding: 1em; font-weight: bold; margin-right: 2em; }

Change/add the values in red.

Looks good in Firefox, but better double check in IE though.

[dinki]

How about just positioning to the left side of the attributes instead?

Looks good in Firefox, but better double check in IE though.

Yup, much easier than fighting the battle I keep losing! I made the changes and all is well. Well, actually I'd like to get the pulldowns a little closer together, but I think I'll put that on hold for a while.

I'm learning a good bit about the override system and css. Thanks to you all for the help!

[kobra]

dinki,

Just looked at this page Your page and it appears that you have got it placed where you want it.

Great Job!!

Any other things you require?

[dinki]

dinki,

Just looked at this page Your page and it appears that you have got it placed where you want it.

Great Job!!

Any other things you require?

Kobra, Thanks for the kind words.

Now that you mention it ... I could use some help with something else!

Something that I would really like to do is be able to put a link next to the colors pull down that would open a smaller browser window (using target:blank_) that would show an image depicting color swatches so that the customer would have an idea what the color names look like (like plum, vivid blue, etc). Right now I just have white and black vinyl, but I have about ten others on order. I can handle the generation of the browser window and the contents of the page showing the image, but I'm not sure how to go about incorporating the link next to the pulldown.

Any help on this would be greatly appreciated!

[barco57]

Why not add the color swatches as additional images? you know little squares of solid color. popups are annoying

[dinki]

Why not add the color swatches as additional images? you know little squares of solid color. popups are annoying

Well I mostly agree with you on the popups being annoying, but I think they are acceptable when the customer requests additional information. Remember, this isn't an ad I'm serving, it's the information that they are requesting.

I'm guessing what I'm proposing isn't easy. I guess I could add a 'To view available color swatches click here' and get a similar effect, but really it's not ideal. I'm not totally against putting them up as additional images, but I'm trying not to muddy up the look of the products page with too many images.

[dinki]

I've found a somewhat promising way to solve my issue by using unicode ■ to create a solid sqaure that I can then use the font tag to change the color to whatever color I need. Unfortunately, this doesn't work inside of the select option pulldown. Take a look at this page http://decaldepot.net/zencart/testing.php

You'll notice that right after the item description I put in the color samples and they work fine. If you look at the color pulldown you'll see that the solid box does appear with the text description but everything is black! So close! Does anyone know how I can change the colors of these little squares?

[kobra]

appear with the text description but everything is black

Just looked and they are not all black anymore...

But you have asked a question and not provided us with any idea of what/how you are implementing this. Kinda like saying "I am doing something, can you guess what it is"..

Can you describe and post a bit of code and to where you are applying it?

You are getting closer I am thinking

[Kim]

This is probably a very silly question, but why are you using a dropdown instead of radio buttons?

[dinki]

Just looked and they are not all black anymore...

But you have asked a question and not provided us with any idea of what/how you are implementing this. Kinda like saying "I am doing something, can you guess what it is"..

Can you describe and post a bit of code and to where you are applying it?

You are getting closer I am thinking

Kobra, I'm a bit all over the place right now. I posted the question here thinking it more likely to get attention in the css forum and that it was a better fit for that section. You'll see the code that I used there.

I've really decided to go back to my initial idea of just putting a link that opened the popup with the image. Problem is I'm having a hell of a time finding where the actual pulldown is being constructed. Is this type of request better suited for the pay forum? I don't mind paying a small sum (read enough for a supersized value meal) to find out how to do this.

This is probably a very silly question, but why are you using a dropdown instead of radio buttons?

Kim, not a silly question at all. Right now, with only two options, radio buttons would be fine. I've just received ten additional vinyl colors that I will be adding as product options. I think that the dropdown is more suitable for this quantity.