Forums

chris

I created this wordpress theme to carry my graphics blog, but I used the same list image to create my menu as my RSS in the sidebar. The only problem I want to loose the images on the Title "RSS" and the icon. How can this be done?
http://www.chriscarvergraphics.com/images/pic1.jpg
Below I have included the xhtml i used in coding the list. and the css for the list as well. Any help would be greatly appreciated.
The site is athttp://chriscarvergraphics.com
HTML

<li id=\"categories-458891461\" class=\"widget widget_categories\"><h2 class=\"widgettitle\">Categories</h2>
		<ul>
			<li class=\"cat-item cat-item-3\"><a href=\"http://chriscarvergraphics.com/?cat=3\" title=\"Adobe Flash Tutorials\">Flash</a>

</li>
	<li class=\"cat-item cat-item-4\"><a href=\"http://chriscarvergraphics.com/?cat=4\" title=\"Adobe Illustrator Tutorials\">Illustrator</a>
</li>
	<li class=\"cat-item cat-item-5\"><a href=\"http://chriscarvergraphics.com/?cat=5\" title=\"Adobe Photoshop Tutorials\">Photoshop</a>
</li>
	<li class=\"cat-item cat-item-1\"><a href=\"http://chriscarvergraphics.com/?cat=1\" title=\"View all posts filed under Uncategorized\">Uncategorized</a>
</li>
		</ul>
</li>

CSS

/* RSS Sidebar Nav. */
#rss-458890601 ul {
	padding-right: 200px;
	padding-bottom: 0;
	padding-left: 0;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	font-size: 9pt;
	text-align: center;
	vertical-align: middle;
	margin-top: 2px;
	height: auto;
	width: 275px;
	background-color: transparent;
}
#rss-458890601 li {
	width: auto;
}
#autoXML85751168575116 {
	width: auto;
}
#rss-458890601 a:link, #rss-458890601 a:visited {
	color: #C1C7B8;
	background-color: transparent;
	background-image: url(/images/hoverlinklong.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 288px;
	background-position: center bottom;
	float: left;
	margin-top: 3px;
	vertical-align: middle;
	padding-top: 5px;
}
#rss-458890601 a:active {
	color: #000000;
	background-color: transparent;
	background-image: url(/images/hoverlinklong.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 288px;
	background-position: center bottom;
	float: left;
	margin-top: 3px;
	vertical-align: middle;
	padding-top: 5px;
}
#rss-458890601 a:hover {
	color: #000000;
	background-color: transparent;
	background-image: url(/images/hover2linklong.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 288px;
	background-position: center bottom;
	float: left;
	margin-top: 3px;
	vertical-align: middle;
	padding-top: 5px;
}
#rss-458890601 h2 a{
	font-family: Arial, Helvetica, sans-serif;
	background-image: none;
}

chris

Any help? Please?

TheDoc

I don't particularly understand the question. Can you quickly mock up in Photoshop what you mean?

chris

This is the desired results. These to list items be w/out a background.
http://www.chriscarvergraphics.com/images/1pic1.jpg

TheDoc

To be honest with you, the code looks like one big jumble to me, nothing really makes sense. Perhaps somebody else can have a look.

I mean, logically you just need to remove those items from the <ul>, but it looks like the <ul> starts well before those items.

Are you using WP tag to display that stuff?

apostrophe

The Doc is right, those two items don't belong in that list. If you can't take them out of the list then just give them a class and remove the styling via that class.

chris

The only problem is that this is a Wordpress theme and the list is coming from a RSS widget. I guess I will need to determine where the widget file is and then edit this directly?

apostrophe

If you are using the default rss widget then you are looking at editing core files which is never a good idea. Perhaps you want to look at using something like this which will give you a lot more control http://wordpress.org/extend/plugins/kb-advanced-rss-widget/

chris

This worked. Thanks for the help apostraphe. Please feel free to check out the results http://chriscarvergraphics.com

treehouse : what would you like to learn today?

Forums

Using CSS for list type menu