Jump to content


Photo
- - - - -
Resolved

List Style Items In Widget Area Do Not Show

list widget

This topic has been archived. This means that you cannot reply to this topic.
10 replies to this topic

#1 mdvanhelden

mdvanhelden

    Advanced Member

  • Members
  • 95 posts

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

  • 2167 posts

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

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

  • 2167 posts

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

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

  • Members

  • 5126 posts

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

#7 mdvanhelden

mdvanhelden

    Advanced Member

  • Members
  • 95 posts

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
  • 17124 posts

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



#9 batman

batman

    Bat Learning

  • Members

  • 2167 posts

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
:)

#10 mdvanhelden

mdvanhelden

    Advanced Member

  • Members
  • 95 posts

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
  • 17124 posts

Posted 24 October 2012 - 10:50 AM

The topic was marked as resolved.