Jump to content
mdvanhelden

List Style Items In Widget Area Do Not Show

Recommended Posts

mdvanhelden    1
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( li_button.jpg);

}

This is the website: www.armadix.nl/wordpress

Share this post


Link to post
Share on other sites
batman    389
batman

Hi

Please try with

#text-2 {background-image: url("http://YOUR IMAGE.gif");}


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
mdvanhelden    1
mdvanhelden

Hi Bat!

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

Share this post


Link to post
Share on other sites
batman    389
batman

Upps I understand now

You can try change for


.widget ul li {

display: block;

font-size: 0.8em;

padding-bottom: 0;

padding-left: 2px;

padding-right:2px;

padding-top: 0px;

list-style-type: square inside url([url="http://Your image]);

}



Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
mdvanhelden    1
mdvanhelden

mmm, thanks, I tried but no luck.

Thanks anyway!

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

Share this post


Link to post
Share on other sites
James B    436
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

  • Like 1

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
mdvanhelden    1
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

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

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

.widget ul { display: list-item; }[/CODE]

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

http://www.w3schools...ist-style-image

  • Like 1

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
batman    389
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


.widget ul li { list-style-image: url(http://www.armadix.nl/wordpress/wp-content/uploads/2012/10/li_button.jpg);

display: list-item;

margin: 0.7em 0 0.7em 0.7em;

padding: 0 5px; }

I insert in one text widget

<ul>

<li>Coffee</li>

<li>Tea</li>

<li>Coca Cola</li>

</ul>

And you have the image

Captura%2520de%2520pantalla%25202012-10-24%2520a%2520las%252006.58.51.jpg

:)

  • Like 1

Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
mdvanhelden    1
mdvanhelden

Thank you Danny and THANK YOU Batman!!!

It works!

Topic can be closed....

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

The topic was marked as resolved.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • thesongchanneler
      By thesongchanneler
      Hello,
       
      For some reason, when I widgetize an image by, uploading the media, linking it to a page, and dropping the html into a widget area in the "widget" tab, the thing works, but the image shows up SMALLER on the screen than when I just upload it as a pic in a "media box" component via pagelibnes. I can make the widget image bigger in the media file, but then it is blurry, whereas, automatically it is bigger and crystal clear when uploaded as just a media. My screenshot file was too big too attach, but please see webpage: devorakalma.com. The top pic (of the girls with the pink text) is just a media file; below it is the file in a widgetized area...   it is at 12/12 capacity and cannot be made bigger in editor. And as said, it just becomes blurry when made bigger in media. IS THERE A WAY TO DIRECTLY MAKE THE MEDIA BOX IMAGE CLICKABLE? Instead of going through dropping it in a widgetized area? I just want it to be large and clear, the way the top image looks. And to be able to click on it. Thank You!
       
      website: devorakalma.com
    • frakture
      By frakture
      Hi there - I've just finally got around to upgrading from I think DMS 1.4 to the latest DMS2. My site is frakture.com. On my homepage, I have an ibox section - that worked correctly before - with font awesome checkmarks before each item in each list. Now, it seems the checkmarks have all located themselves not in the lists, but on the outside (upper left) of that entire section. Suggestions? Thx!
    • xcel7
      By xcel7
      Hi,
      My site on framework is broken (we don't have acces on menus and widgets anaymore), but it took long hours to build this site with our client, over one year, that's why we still are using framework.
      I'm not sure the client would be ok to pay for a new site as this one is online for a few months only… So I would love to be able to work on this one built in Framework. Any idea?
      TIA
      Ines
    • mrburnich
      By mrburnich
      Hello, 
       
      I recently changed the sidebar that the columnizer gets it's content from the default to a secondary one.  In doing so I lost the "Top Categories" and am left with just categories.  I've been searching the forums and the internet in general and can't seem to find a way to get the categories to display the top ones anymore.  
       
      Any help would be appreciated.
       
      My affected site is: http://www.joycomplex.com/
       
      Example site: http://themes.pagelines.com/dms/
       
      Jeremy
       
    • 5500752022839682
      By 5500752022839682
      1) I've setted my LAYOUT to 2 SIDEBAR:
       
      SECONDARY on the LEFT, PRIMARY on the RIGHT
       
      2) on HOME PAGE
         PRIMARY sidebar shows all widgets,
          but SECONDARY shows only 2
       
      what did I miss to set?
       
      ----------- Website URL: http://.www.velediluce.com Framework Version: 2.4.2   WordPress Version: 3.5.1 Plugins in Use: 17   akismet, Cardy redirect, Contact form 7, Facebook Comments,  Feed burner smith, Google analytics, google xml sitemap, Most popular post, sharebar, subscribe to comment, Tiny MCE, vertical news croller, wp ban, wp DB-manager, wordpress popular post, wordpress related posts, no category base   Server/Host: web hosting is Ipage.com, my server ip is 66.96.147.106
×