Daisy Rae Gemini Rerelease

Oh I definitely know that. I want to eliminate the icon and other formatting and just have the image and text for the amazon item. I’ll look further, based on what you said and see if I can figure out how to change it.

All of the amazon stylesheet list types are set to none. Where are you recommending I make these changes? When I look at the amazon plugin css code, I see:

/* .amazon-item-wrap is how CG-Amazon wraps an entire block of output — it is a DIV tagged class */
.amazon-item-wrap span {display: block; }

/* .amazon-block is a UL tag that wraps a group of products. each product is in an un-classed LI tag. */
/*.amazon-block { }*/

but can’t tell where or what parameters I’m supposed to add to change the way it displays.

Here are some additional settings:

/* .amazon-item is a UL tag automatically added to wrap a SINGLE product, if you choose LI style item info tagging (rather than SPAN) */
.amazon-item a, .amazon-item a:hover
{
display: block;
margin: 0;
padding: 0;
margin-top: 8px;
margin-bottom: 2px;
}

and

.amazon-item-wrap a
{
text-decoration:none;
display: block;
}

and

.float-amazon-block, .inline-amazon-block {
display: block;
width: 172px;
border: 1px dashed #555599;
padding: 5px;

margin-top: 1px;
margin-bottom: 1px;
/*
float:left;
margin-left: 0px;
margin-right: 10px;
*/
margin-left: 10px;
margin-right: 4px;
background: #fcfcff;
text-align: center;
list-style-type: none;
}

.amazon-block li {
list-style-type: none;
list-style-image: none;
}
.amazon-block li { /* some templates use new funky stuff, we have to disable… */
content: “”;
}

.inline-amazon-block { float:left; clear:none; }

.float-amazon-block {
float:right;
clear:right;
}

.float-amazon-block a, .float-amazon-block a span, .inline-amazon-block a, .inline-amazon-block a span
{
color: #222255;
text-decoration:none;
display:block;
}

.float-amazon-block a:hover, .inline-amazon-block a:hover {
color: #774444;
text-decoration:none;
background: #bbbbff;
display:block;
}

.float-amazon-block .t-amazon, .float-amazon-block .x-amazon, .inline-amazon-block .t-amazon, .inline-amazon-block .x-amazon
{
margin:0;
padding:0;
color: #aa6688;
text-align: center; /* text align doesn’t seem to work in this case! */
font: normal 9px Arial, sans-serif;
}

.amazon-item-wrap .t-amazon-price
{
text-align: center;
padding-bottom: 4px;
color: #4466c0;
font: bold italic 9px Times, serif;
}

btw, I’ve selected SPAN and it doesn’t make a difference.

Its up at the top but commented /*.amazon-block { }*/
Uncomment and add your list style type none in there.

Thanks for your continuous help.

It doesn’t seem to make a difference whether I set the code to:

/* .amazon-block is a UL tag that wraps a group of products. each product is in an un-classed LI tag. */
.amazon-block {list-style: none; }

or

/* .amazon-block is a UL tag that wraps a group of products. each product is in an un-classed LI tag. */
.amazon-block {list-style-type: none; }

It’s still held hostage by the theme’s style. *sigh*

Try amazon-item-wrap as the CSS selector.

I don’t understand exactly what you mean? Can you provide example code? Thanks again!

Find that in the CSS or add it somewhere. Then do list style type none as per.

These are the lines in the amazon plugin’s css code that display amazon-item-wrap in some way:

/* .amazon-item-wrap is how CG-Amazon wraps an entire block of output — it is a DIV tagged class */
.amazon-item-wrap span {display: block; }

and

.amazon-item-wrap a
{
text-decoration:none;
display: block;
list-style-type: none;
}

and

.amazon-item-wrap .t-amazon-price
{
text-align: center;
padding-bottom: 4px;
color: #4466c0;
font: bold italic 9px Times, serif;
list-style-type: none;
}

I even added the below line to the theme’s stylesheet (as well as the plugin’s):

.amazon-item-wrap {list-style-type: none; }

Still no go. Am I doing something wrong? I’m definitely no CSS expert (not even close).

Sorry I am really embarrassed about this – particularly as I wrote most of the CSS. I am losing my touch. This should be it. It is a background image. The code in question is
#nav a {
display: block;
padding: 3px;
padding-left: 17px;
width: 130px;
background-color: #FFF;
background-image: url(images/icon.gif);
background-repeat: no-repeat;
background-position: 0 55%;
border-bottom: 1px dotted #BAA99F;

}
That is the icon and the other stuff.
Now you have to figure out how to take it out for the Amazon bit only.

.amazon-block ul li a {
display: block;
padding: 3px;
padding-left: 17px;
width: 130px;
background-color: #FFF;
}
Might do it.

Doesn’t seem to work. ??

I’ve added the code you indicated above to both the amazon plugin css file and to the theme’s css file.

It seems you need a wider sidebar.

My suggestion would be to widen the #menu and narrow the #content.

Will try that, but a wider sidebar showed up wonky in IE. The sidebar started somewhere below the bottom post.

Also, my major attempt here is to get rid of the theme’s formatting of the amazon.com images in the sidebar. I need for the icon to go away on just the amazon.com images/text. I’m using the cg-powerpack amazon plugin that also has a stylesheet. Between the two stylesheets I have tried half the day to remove this formatting without success. If you or anyone else has any ideas, that would be helpful.

Thanks.

I *think* you need to edit the sidebar.php file to get what you want.

End your <div id=”nav”> and start a new id for the amazon list with the css coding Root listed above.

The problem is if the Amazon lists are inside #nav, the bulleted images will show up reguardless of what you do.

Okay…..did what you suggested and it makes sense but I must be missing something here. I’ve added to your theme’s stylesheet the following (because the first line of the above code didn’t seem to work and I figure the div name and the section in the stylesheet need to be the same):

#amaz a
{
display: block;
padding: 3px;
padding-left: 17px;
width: 130px;
text-align: left;
background-color: #FFF;
}

and in the sidebar I added a new div outside of the nav div, but inside the menu div:

<div id=”amaz”>

<?php show_amazon_items(3); ?>
</div>

….and I’m obviously screwing something up because now the sidebar display looks worse (it’s still all the way over to the right even though I played with the CSS code Root provided above). The bullet items are gone (which was half the battle) so now it’s just a matter of getting it to format to the left. Honestly, I take pics and am barely good at that — CSS is not my expertise. What “specifically” do I need the code to be?

Thanks for your help.

I’ll have to download the plugin and look at it. I’ve never used it before. Give me a bit ??

Deb, send me an email at [email protected]

I don’t get off work until late tonight, but I’d be more than happy to look at your stuff and help. I was able to get a plugin to work in my sidebar without having bulleted lists. I just need to visually see your codes vs my codes to fix it.