• Resolved yukon4

    (@yukon4)


    I have tried modifying the custom CSS to no avail. We have some widget text that needs to be a bulleted list. I’ve gotten around it for now by manually creating bullets by using “option 8” — on a Mac, at least.

    Here is the page:
    https://magiccarpetlifecoaching.com/magic-carpet-life-coaching/

    In the right column, below the yellow image, you can see 3 paragraphs with my manually created bullets. We’d like that text to be a “real” bulleted list, much like the bulleted text in the main content.

    I tried adding
    <ul>and
    <li> </li>

    [Moderator Note: Please post code & markup between backticks or use the code button. Your posted code may now have been damaged by the forum’s parser.]

    within the widget text, but it didn’t work.

    Any advice would be greatly appreciated! Thank you!

Viewing 8 replies - 1 through 8 (of 8 total)
  • Moderator James Huff

    (@macmanx)

    Try this:

    <ul>
    <li>You’re a good artist. You’re technically great at your craft. You try to express yourself in your work. But you still feel mediocre within the circles of other good artists who are technically great at their craft. What can you do that will set you apart?</li>
    <li>You long for your audience to respond by letting you know that the art you made for them, be it physical piece, performance, written word, became an object of power for them, a talisman, an icon, an amulet.</li>
    <li>Download this free eBook and begin walking the path to creating magic!!!</li>
    </ul>

    If that doesn’t work, just leave it like that and let us know, you might need to add a list style via CSS.

    Thread Starter yukon4

    (@yukon4)

    Alas, it did not work.

    Here’s how it looks — just the text minus the bullets.

    https://magiccarpetlifecoaching.com/magic-carpet-life-coaching/

    I enter the text you provided, as above with the

      and

    • tags into the widget text area, but once I click “save” all those tags vanish.

    What am I missing here?

    Moderator James Huff

    (@macmanx)

    I can see the bullet points: https://cloudup.com/coCIhzsLNBa

    Did you make any changes since your last reply?

    Also, please use the “code” button above when posting code, otherwise it won’t appear.

    Thread Starter yukon4

    (@yukon4)

    Yes, when adding the image into the sidebar (using image widget) it provided a “text” field below the image itself. If I use the text field that comes along with the image widget, the “code” for bullets does NOT work.

    But — if I drag the “Text” widget to the sidebar and add the text with the bullet code, then it does. The only issue now is that we really prefer to have those bullet items right below the image, and not in an entirely separate “box”. We’d also like the bullet items to be formatted in the same manner as the bullet items in the main content area — only the bullet itself is off to the side (hope that makes sense)

    Not sure what else to do at this point — any suggestions would be great!

    Moderator James Huff

    (@macmanx)

    Ah, ok then! Yes, only the Text widget itself executes HTML, the Image widget doesn’t, so let’s just do it all via HTML in a Text widget. ??

    Try this:

    <img width="285" height="279" src="https://magiccarpetlifecoaching.com/wp-content/uploads/2014/06/e-book_widget.gif" class="attachment-full" alt="cynthia topp life coaching"/>
    <br /><br />
    <ul>
    <li>You’re a good artist. You’re technically great at your craft. You try to express yourself in your work. But you still feel mediocre within the circles of other good artists who are technically great at their craft. What can you do that will set you apart?</li>
    <li>You long for your audience to respond by letting you know that the art you made for them, be it physical piece, performance, written word, became an object of power for them, a talisman, an icon, an amulet.</li>
    <li>Download this free eBook and begin walking the path to creating magic!!!</li>
    </ul>

    Of course, title the Text widget “Free eBook: Creating Magic: How to Craft a Talisman”. If you need more space between the image and the list, just add more <br />

    Thread Starter yukon4

    (@yukon4)

    You are a genius — I was thinking of trying that, too!

    It works!

    One last question – above and beyond the call of WP — have you any idea how to style the bullets so the text does not wrap under the bullet but stays off to the side of the bullet — just like the bullet items in the main content….

    Anyway — thank you!

    Thread Starter yukon4

    (@yukon4)

    Never mind my last question — I got the CSS figured out for the bullets!

    Moderator James Huff

    (@macmanx)

    You’re welcome!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘How to Create Bulleted List in Widget Text’ is closed to new replies.