Jump to content


Photo
- - - - -
Resolved

List Style Items In Widget Area Do Not Show

list widget

  • Please log in to reply
10 replies to this topic

#1 mdvanhelden

mdvanhelden

    Advanced Member

  • Members
  • 95 posts
  • Framework Version:2.3.3
  • Country: Country Flag

Posted 23 October 2012 - 07:27 PM

Hi!


I would like to use images as list style items in a widget area.

I use Pagelines Framework 2.3.3 and a child theme.

In my style.css I put:


.widget ul li {
display: block;
font-size: 0.8em;
padding-bottom: 0;
padding-left: 2px;
padding-right:2px;
padding-top: 0px;
list-style: square inside url(

Please Login or Register to see this Hidden Content

);
}

This is the website:

Please Login or Register to see this Hidden Content



#2 batman

batman

    Bat Learning

  • Members

  • 2019 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 23 October 2012 - 07:33 PM

Hi
Please try with

Please Login or Register to see this Hidden Content



#3 mdvanhelden

mdvanhelden

    Advanced Member

  • Members
  • 95 posts
  • Framework Version:2.3.3
  • Country: Country Flag

Posted 23 October 2012 - 07:39 PM

Hi Bat!

Thanks for your answer, but I'm not looking for another background image, I would like to have a bulleted list.

#4 batman

batman

    Bat Learning

  • Members

  • 2019 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 23 October 2012 - 07:54 PM

Upps I understand now
You can try change for

Please Login or Register to see this Hidden Content



#5 mdvanhelden

mdvanhelden

    Advanced Member

  • Members
  • 95 posts
  • Framework Version:2.3.3
  • Country: Country Flag

Posted 23 October 2012 - 08:00 PM

mmm, thanks, I tried but no luck.
Thanks anyway!

You would aready help me if I could just put dots or squares in....

#6 James B

James B

    Advocate

  • Moderators
  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 23 October 2012 - 09:27 PM

Hi there, so you're looking to add images into the list before the text? So it appears as a bulleted list but using your own images to provide the bullets? Please clarify is this is what you mean and we'll look into a solution
  • mdvanhelden likes this

#7 mdvanhelden

mdvanhelden

    Advanced Member

  • Members
  • 95 posts
  • Framework Version:2.3.3
  • Country: Country Flag

Posted 24 October 2012 - 09:02 AM

Hi James,

I would like to make a bulleted list.
And, if possible, with my own images, but at this point I would already be happy with 'standard squares'.

Thank you

#8 Danny

Danny

    Is Awesome!

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

Posted 24 October 2012 - 09:30 AM

Hi,

The first thing you will need to do is add this to your custom CSS:


Please Login or Register to see this Hidden Content


Then I recommend you go to this page and learn how to set the CSS to add your images to your lists.

Please Login or Register to see this Hidden Content


  • batman likes this

#9 batman

batman

    Bat Learning

  • Members

  • 2019 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 24 October 2012 - 10:01 AM

Hi again
With Danny´s instruction in this and other forum topic (with Danny´s instruction too) I believe that I find the solution
I try with

Please Login or Register to see this Hidden Content


I insert in one text widget

<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>

And you have the image
Posted Image
:)
  • mdvanhelden likes this

#10 mdvanhelden

mdvanhelden

    Advanced Member

  • Members
  • 95 posts
  • Framework Version:2.3.3
  • Country: Country Flag

Posted 24 October 2012 - 10:23 AM

Thank you Danny and THANK YOU Batman!!!

It works!

Topic can be closed....

#11 Danny

Danny

    Is Awesome!

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

Posted 24 October 2012 - 10:50 AM

The topic was marked as resolved.





Also tagged with one or more of these keywords: Resolved, list, widget