Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 20, 2014 at 5:58 am #338136
    sarahed

    Hi, I”m trying to add an image to a specific set of bullets – but don’t want the images to come in anywhere else.. I’ve tried using the following:

    .widget ul li {
    list-style-type: circle;
    list-style-position: inside;
    list-style-image:url(‘http://premiumproseindia.com/testsite/wp/wp-content/uploads/2014/10/bullet.gif’);
    }
    ….but the image is getting applied to the menu in the foolter area… and when I remove the ‘widget’ part of the statement I get the image in the top menu… how do I get the image on just these bullet points
    http://premiumproseindia.com/testsite/wp/free-stories/

    thanks,
    sarah

    October 21, 2014 at 11:35 pm #339267
    Josue

    Hey Sarah!

    Can you point (a screenshot will help) the specific set of bullets you want to affect?

    Regards,
    Josue

    October 22, 2014 at 12:57 am #339291
    sarahed

    hi Josue,
    http://premiumproseindia.com/testsite/wp/free-stories/
    yes, follow that link and it’s the first set of bullets (currently grey disc) on the body of the page…. the text is:

      Exposes your children to the proud Indian custom of sharing cultural wisdom and folklore – from generation to generation

    many thanks,
    sarah

    October 22, 2014 at 1:47 am #339303
    Josue

    Hi Sarah!

    Try setting a custom class to that text block and change the code accordingly:

    .custom_bullets ul li {
list-style-type: circle;
list-style-position: inside;
list-style-image:url(‘http://premiumproseindia.com/testsite/wp/wp-content/uploads/2014/10/bullet.gif’);
}

    Regards,
    Josue

    October 22, 2014 at 2:12 am #339309
    sarahed

    thanks Josue,

    I’ve added the custom class to that text box but still can’t get the actual bullets to show – I’ve tried changing the code but am not sure how the code should look.

    cheers
    sarah

    October 22, 2014 at 2:13 am #339310
    Josue

    Hey Sarah,

    Don’t put the whole code in the Custom Class field, just “custom_bullets” without the dots, then put the CSS code in Quick CSS:

    .custom_bullets ul li {
list-style-type: circle;
list-style-position: inside;
list-style-image:url(‘http://premiumproseindia.com/testsite/wp/wp-content/uploads/2014/10/bullet.gif’);
}

    Best regards,
    Josue

    October 22, 2014 at 2:27 am #339311
    sarahed

    thanks Josue, of course! I’m being very slow this morning!!

    I’ve tried this and the bullet points are looking like they’re trying to display something different, just not the new image..I”ve checked the path of the image and that fine but for some reason it’s not showing.

    cheers
    sarah

    October 22, 2014 at 3:22 am #339319
    Josue

    Hi Sarah!

    Change your code to this:

    .custom_bullets ul li {
	list-style-image:url('http://premiumproseindia.com/testsite/wp/wp-content/uploads/2014/10/bullet.gif');
}

    Best regards,
    Josue

    October 22, 2014 at 3:49 am #339328
    sarahed

    Brilliant!! thanks SO much for your help Josue and for being so patient :) Great support!!

    cheers
    sarah

    October 22, 2014 at 3:57 am #339331
    Josue

    You are welcome Sarah, always glad to help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘adding an image to a bullet point’ is closed to new replies.