pigandfish

@izne – sorry to hear about your troubles and frustration with the Shopp plugin. Currently, we are not using this plugin on our website as we’ve opened up an Etsy shop and have no need for it. That being said, we resolved the issue through having one of the support members work on it – I wish I could tell you what they did to resolve it, but I have no idea! Don’t give up on the Shopp support team – I’ve found that they will get back to you and when they do, they have always helped me resolve any issues. Good Luck!

Esmi – Thank you for the ‘hint’!

I went back into style.css and checked it against a printed out copy of the actual Twenty Ten style.css coding. I found 2 areas (like you said) where I had changed the font size to ‘1px’ when I was trying to located what controlled what. PHEW, PHEW, and double PHEW!!

Thank you again.

When you say “theme/css isssue”, do you mean the Twenty Ten Theme and compatibility issues OR issues because of changes I’ve made to the theme using Twenty Ten Weaver?

I’m wondering if all the tinkering I’ve done using Twenty Ten Weaver has made these items load incorrectly. Does that sound possible?

Thank you esmi.

I’m looking at both of the links you provided, but I’m not even sure what to look for. I’m a beginner and I don’t want to go in and start messing with the code when I don’t even know what could be causing it.

Might you have insight on what would cause the boxes to load funny and to not be able to see the text that you write in the boxes?

I noticed the same problem with my Shopp plugin as well. When I add an item to my cart, you cannot see the quantity:

https://pigandfish.com/shop/cart/

That is the writing in the box. Might these two issues be linked?

slight modification to code:

#primary,
#secondary {
	float: right;
	overflow: hidden;
	width: 220px;

Changed above width back to 220px from above stated 270px. 270px made my flikr widget act funny.

It worked!!!

I changed the code to the following:

#container {
	float: left;
	margin: 0 -290px 0 0;
	width: 100%;
}
#content {
	width: 550px;
}
#primary,
#secondary {
	float: right;
	overflow: hidden;
	width: 270px;
}

This code is found in the very beginning of the Twenty Ten style.css under /* =Layout. I copied the code and dropped it into the <advanced options> of Twenty Ten Weaver. Wonderful.

I’ve been searching the internet for this information and I am so grateful to have finally figured it out!! Thank you alchymyth. This will surely be a resource for other people.

The site looks perfect now:

https://www.pigandfish.com

Is this the code you were thinking of? It has #content margin and not width. I’ll try playing with the numbers.

#container {
	float: left;
	margin: 0 -240px 0 0;
	width: 100%;
}
#content {
	margin: 0 280px 0 20px;
}
#primary,
#secondary {
	float: right;
	overflow: hidden;
	width: 220px;
}

Thank you for reply alchymyth.

I feel like I’m close, but I need a little more information.

I am using Twenty Ten Weaver and I thought I could grab your code and drop it in, but it’s not working. (if you’re not familiar with Twenty Ten Weaver, there is a place where you can drop in snippets to alter the theme) When you say ,”append these styles at the end of the theme options styles:” do you mean in the style.css for Twenty Ten? I’m still learning, so the more details, the better for me.

Thank you!