Jump to content


Photo
- - - - -
Resolved

Bullet points in widgets



Best Answer Danny , 20 June 2012 - 01:06 PM

Hi Yemoonyah,

OK the code below 100% works, however you will need to view your widgets ID's as they will most likely be different to ones I have provided below. Use either Firebug or Chrome's/Safari's web dev tool to find the correct ID for each widget.

 #recent-posts-2 ul { list-style: square; display: list-item; margin: 0 20px; }
	#recent-posts-2 ul li { list-style: square; display: list-item; }
	
	#categories-2 ul { list-style: square; display: list-item; margin: 0 20px; }
	#categories-2 ul li { list-style: square; display: list-item; }
	
	#text-4 ul { list-style: square; display: list-item; margin: 0 20px; }
	#text-4 ul li { list-style: square; display: list-item; }
	
	#thisismyurl_popular_posts_widget-2 ul { list-style: square; display: list-item; margin: 0 20px; }
	#thisismyurl_popular_posts_widget-2 ul li { list-style: square; display: list-item; }
Go to the full post


  • Please log in to reply
26 replies to this topic

#1 yemoonyah

yemoonyah

    Super Member

  • Members

  • 143 posts
  • Framework Version:always the latest
  • Country: Country Flag

Posted 17 June 2012 - 10:19 PM

Hi,
I'm trying to make my sidebar widgets show bullet points so I added this to custom css:

Please Login or Register to see this Hidden Content

Unfortunately this does not work.
Any suggestions are very welcome :-)
Thanks

#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 17 June 2012 - 11:10 PM

Wow, you've stumped me on this one. I've tried several variables, but none of them resulted in the display of any type of bullet. I'm going to ask one of my colleagues to look into this in the morning. Apologies for the delay.

#3 yemoonyah

yemoonyah

    Super Member

  • Members

  • 143 posts
  • Framework Version:always the latest
  • Country: Country Flag

Posted 18 June 2012 - 02:53 PM

No problem, I'll wait :-)

#4 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 18 June 2012 - 04:19 PM

Where do you want the bullet points to appear? Can you do a quick mock-up for us?

#5 yemoonyah

yemoonyah

    Super Member

  • Members

  • 143 posts
  • Framework Version:always the latest
  • Country: Country Flag

Posted 18 June 2012 - 06:57 PM

I want the bullet points to appear in the tabs widget (popular/recent/categories) in my sidebar. See here:

Please Login or Register to see this Hidden Content



#6 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 18 June 2012 - 07:40 PM

Try this, but if it doesn't work, blame Henry! ;-)

Please Login or Register to see this Hidden Content



#7 yemoonyah

yemoonyah

    Super Member

  • Members

  • 143 posts
  • Framework Version:always the latest
  • Country: Country Flag

Posted 18 June 2012 - 08:25 PM

Well, tell Henry I said thanks but it doesn't work :-(

#8 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 18 June 2012 - 08:33 PM

Will do!

#9 Henry Perkins

Henry Perkins

    Friendly Contributor

  • Members

  • 198 posts
  • LocationAustin, TX
  • Country: Country Flag

Posted 18 June 2012 - 08:41 PM

Please Login or Register to see this Hidden Content


Try that... after further inspecting your site. Is this a text widget that you've coded yourself or a widget that comes with a plugin?

#10 yemoonyah

yemoonyah

    Super Member

  • Members

  • 143 posts
  • Framework Version:always the latest
  • Country: Country Flag

Posted 18 June 2012 - 10:44 PM

Hi Henry :-)

it's a plugin that displays as a widget and holds three diff. widgets (popular posts, recent posts, categories widget)
Tabber Tabs:

Please Login or Register to see this Hidden Content



Code still didn't work.

I also tried using your code snippet with just the popular posts widget (not in Tabber Tabs) but it makes no difference.

I remember having the same problem displaying bullet points in boxes and back then it worked with the following code (not sure if this helps):

Please Login or Register to see this Hidden Content


Thanks for all the help!

#11 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 19 June 2012 - 02:47 AM

What other CSS do you have? Do you have any CSS for this selector?:

Please Login or Register to see this Hidden Content

(Yes, just this - all alone)

From my experience, a certain attribute wouldn't work for a specific selector/element because it was being overwritten by another one.

#12 yemoonyah

yemoonyah

    Super Member

  • Members

  • 143 posts
  • Framework Version:always the latest
  • Country: Country Flag

Posted 19 June 2012 - 10:00 AM

Um, I'm not sure what a selector is but the only code containing 'ul' is the one I posted above. Thanks for trying to help out!

#13 Danny

Danny

    Is Awesome!

  • Moderators
  • 17139 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 19 June 2012 - 10:56 AM

Hi Yemoonyah,

Try using the custom code below and let me know if that works for you!

Please Login or Register to see this Hidden Content



#14 yemoonyah

yemoonyah

    Super Member

  • Members

  • 143 posts
  • Framework Version:always the latest
  • Country: Country Flag

Posted 19 June 2012 - 12:56 PM

Sorry, still not working.

#15 Danny

Danny

    Is Awesome!

  • Moderators
  • 17139 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 19 June 2012 - 01:04 PM

Hi, I have this working on my test site, so the code works. I was using a text widget, what type of widget are you adding to the tabber tab widget area ?

#16 yemoonyah

yemoonyah

    Super Member

  • Members

  • 143 posts
  • Framework Version:always the latest
  • Country: Country Flag

Posted 19 June 2012 - 01:12 PM

I added -recent posts (standard widget that comes with WP) -categories (standard) - easy popular posts I also just added the normal recent comments widget to test but that also doesn't work. Will see if it's a plugin compatibility issue and report back. Thanks for all the help so far, I really appreciate it!

#17 yemoonyah

yemoonyah

    Super Member

  • Members

  • 143 posts
  • Framework Version:always the latest
  • Country: Country Flag

Posted 19 June 2012 - 03:26 PM

Ok, so it's not a plugin compatibility issue. I deactivated all other plugins but the bullet points still don't show up.

Any ideas what else could cause this?

Here is all the code in my custom css:

Please Login or Register to see this Hidden Content



#18 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 19 June 2012 - 05:59 PM

After playing around for almost an hour, I got bullets to show up by using:

Please Login or Register to see this Hidden Content


If that doesn't work, try adding !important.

I think there's some sort of weird conflict going on here but I don't know what it is.

#19 yemoonyah

yemoonyah

    Super Member

  • Members

  • 143 posts
  • Framework Version:always the latest
  • Country: Country Flag

Posted 20 June 2012 - 10:00 AM

Yes, there seems to be a conflict because this is also not working. It's not a plugin issue and otherwise I haven't changed anything. What else could it be?

#20 Danny

Danny

    Is Awesome!

  • Moderators
  • 17139 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 20 June 2012 - 01:06 PM   Best Answer

Hi Yemoonyah,

OK the code below 100% works, however you will need to view your widgets ID's as they will most likely be different to ones I have provided below. Use either Firebug or Chrome's/Safari's web dev tool to find the correct ID for each widget.

Please Login or Register to see this Hidden Content


  • Jean-Philippe and leemac like this





Also tagged with one or more of these keywords: Resolved