Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Sidebars & Widgets (http://forum.bytesforall.com/forumdisplay.php?f=14)
-   -   Changing Bullet style in one, not all widgets (http://forum.bytesforall.com/showthread.php?t=1225)

peterf Apr 11, 2009 10:54 AM

Changing Bullet style in one, not all widgets
 
While I see the way to change the overall bullet treatment for widgets (described here: http://forum.bytesforall.com/showthread.php?t=663), I can't figure out how to keep the overall, but change one text widget to contain an unordered list with just straight bullets or even better, to mimic the link background in lists, but without the whole list item being a link. I can't get bullets to show at all right now.

Here's the site (the left sidebar is perfect as is; I want the right sidebar's News Highlights section to have bulleted items.) http://accny.vireo.org/?page_id=91

Thanks, this is an amazing theme.

using Atahualpa 3.1.8

Flynn Apr 11, 2009 10:15 PM

To do something for a specific widget only, look into the source code to find out the ID of that widget, then add a CSS Insert

div#id-of-widget li {
...
}

peterf Apr 13, 2009 06:15 AM

Thanks for the response. I tried that and did not see the change, but my code may be off. Here's the source:
<div id="text-344673561" class="widget widget_text"> <div class="widget-title"><h3>News Highlights</h3></div><div class="widget-content"> <div class="textwidget"><ul>
Here's what I added in the CSS insert box:

div.text-344673561 li {type="square"
}
and I tried

div.text-344673561 ul li {type="square"
}

Flynn Apr 13, 2009 08:23 AM

For ID's use #, the dot is for classes only

div#text-344673561 li {
list-style-type: square;
}

peterf Apr 21, 2009 08:41 AM

Thank you for your patience, which is evident throughout the site. The code you suggested didn't do anything. I assume it's how I'm placing it. Here is the entire content of my CSS insert box with the bullet code as I think you gave it on the bottom:

div.post-bodycopy h4 {
color: #004071;
font-size: 1.25em;
font-family: helvetica, sans-serif;
}
div.post-bodycopy h5 {
color: #004071;
font-size: 1.15em;
font-family: helvetica, sans-serif;
}
div#text-344673561 li {
list-style-type: square;
}

Is there something I'm doing wrong? Thanks in advance for your reply.

bcorrigan Apr 21, 2009 10:17 AM

did you try this with ul instead of li?

like this:
div#text-344673561 ul {
list-style-type: square;
}

-Bill

peterf Apr 21, 2009 10:42 AM

Thanks, Bill, but that isn't doing it either.:confused:

Flynn Apr 21, 2009 10:58 PM

See also http://forum.bytesforall.com/showthread.php?p=4510


All times are GMT -6. The time now is 05:22 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.