10 replies to this topic

[mdvanhelden]

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

[batman]

Hi
Please try with

Please Login or Register to see this Hidden Content

[mdvanhelden]

Hi Bat!

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

[batman]

Upps I understand now
You can try change for

Please Login or Register to see this Hidden Content

[mdvanhelden]

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

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

[James B]

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]

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

[Danny]

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]

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

[mdvanhelden]

Thank you Danny and THANK YOU Batman!!!

It works!

Topic can be closed....

[Danny]

The topic was marked as resolved.