Simply set a new DIV (unless there is one there already with the plugin) for the Amazon area that you are talking about and then set the UL LI list tags in the style sheet as follows:
amazonlist ul {list-style-type: none; list-style-image:none; margin-left:0;....}
amazonlist li {margin-left:0;.....}
With whatever other styles you want for them.
Also check out http://codex.wordpress.org/Styling_lists_with_CSS
Thread Starter
cahira
(@cahira)
ty for your response
i’m a noob so i’ll need more instruction than that 😀
I opened up my stylesheet and added this under the Layout section
#amazon {
amazonlist ul {list-style-type: none; list-style-image:none; margin-left:0;....}
amazonlist li {margin-left:0;.....}
this is the call for the plugin
<li id="amazon">
<h2><?php _e('Currently Reading/Playing'); ?></h2>
<?php show_amazon_items(2); ?>
</li>
nothing changed.
when i remove the
- tags from the sidebar, the box the plugin is in gets cut off at the bottom
what am i doing wrong?
Thread Starter
cahira
(@cahira)
i’m sorry for the coding errors in my post 🙁 i use the ticks as instructed below, but it doesn’t seem to work
Instead of “amazonlist” inside of your “amazon” selector (name of the presentation style), you need to call your list “amazonlist” so change things to this:
#amazonlist ul {list-style-type: none; list-style-image:none; margin-left:0; }
#amazonlist li {margin-left:0; }
<li id="amazonlist">
<h2><?php _e('Currently Reading/Playing'); ?></h2>
<?php show_amazon_items(2); ?>
</li>
You can’t create “nested” styles inside of each other. The amazonlist (or whatever you call it) is the ID and then the UL and LI that come inside of the show_amazon_items will be modeled from how they are set in the style sheet. The dots after were for font-size and other design elements, not to be left in.
You did good. On the right track, just a little cleaning.
Thread Starter
cahira
(@cahira)
thanks lorelle i will try that out!
Thread Starter
cahira
(@cahira)
didn’t work 🙁
is there a certain area in the Stylesheet that coding needs to go ?
right now I have put it under the sidebar section
If the id on the PHP page is the EXACT same as the ID in your stylesheet, it should work. Did you look through the article I posted above. It will take you through all of this, step by step.
A style can be anywhere in the stylesheet. Doesn’t matter where. It helps if it is in a place where you can easily find it again, like grouped with other related styles in the sidebar, but it doesn’t matter.
Okay, first things first. Did you validate the generated test page? When you are looking at the actual post with the sidebar thing that isn’t working, did you validate that page for HTML? If it passes, which it might, then you have to validate the CSS.
If you don’t know how to do this, post a link to your test site and also check the following helpful articles:
http://codex.wordpress.org/CSS
http://codex.wordpress.org/CSS_Troubleshooting
Codex – Validating Your Source Code
Thread Starter
cahira
(@cahira)
all the code is correct and validated
here’s a link to my site
http://www.worldofbuffy.com/blog-wp/
