Need help? Check out our Support site, then


moving lines farther right

  1. Okay. If you go to my website: mrlibbyswebsite.com and click on the Math 4/5 Blog, you will see a bunch of red and blue text. Under the second big heading: NUMBER, look at #4 and you'll see FOUR BULLETS. Look at the line under those four bullets. I want to move it farther right so that it aligns with the word DESCRIBE at the beginning of #4. This only happens one more time on this page: under #16, same heading: NUMBER. Help! Those two lines look awkward placed so far to the left.

    The blog I need help with is mrlibbyswebsite.com.

  2. This is not a CSS issue, it's an HTML issue. You've closed the 4th item of the ordered list and the whole list at "such as", so the phrase "to determine [etc]" is an independent regular paragraph instead of being part of the list. Switch the editor to Text, cut these from after "such as":
    </li></ol>
    and paste them after "division facts."

  3. THANK YOU VERY MUCH, Justpi! It looks much better. Now, one final question. Is there any way to get that line to align with the word "Describe" right after the 4., or does it have to align with the bullet? It would look even better if it was a little TO THE LEFT of the bullets.

  4. You're welcome, but you didn't do what I suggested (that's why the alignment is wrong again).

    This is what you've got now:

    <ol start="1">
    <li>Represent and describe numbers to <span style="color:#ff0000;">10 000</span>/<span style="color:#3366ff;">1 000 000</span> <span style="color:#ff0000;">pictorially and symbolically</span>.</li>
    <li><span style="color:#ff0000;">Compare and order numbers to 10 000.</span></li>
    <li><span style="color:#3366ff;">Use estimation strategies, including front-end rounding, compensation, and compatible numbers in problem-solving contexts.</span></li>
    <li><span style="color:#ff0000;">Describe and <span style="color:#000000;">apply</span></span> mental math strategies <span style="color:#3366ff;">and number properties</span>, such as</li>
    </ol>
    <ul>
    <li>skip counting from a known fact,</li>
    <li>using doubling or halving <span style="color:#ff0000;">and adding or subtracting one more group,</span></li>
    <li>using patterns in the 9 facts, and</li>
    <li>using repeated doubling <span style="color:#3366ff;">or halving</span></li>
    </li>
    <p>to determine, <span style="color:#3366ff;">with fluency</span>, basic multiplication facts to 81 and related division facts.</li>
    </ul>

    It should be:

    <ol start="1">
    <li>Represent and describe numbers to <span style="color:#ff0000;">10 000</span>/<span style="color:#3366ff;">1 000 000</span> <span style="color:#ff0000;">pictorially and symbolically</span>.</li>
    <li><span style="color:#ff0000;">Compare and order numbers to 10 000.</span></li>
    <li><span style="color:#3366ff;">Use estimation strategies, including front-end rounding, compensation, and compatible numbers in problem-solving contexts.</span></li>
    <li><span style="color:#ff0000;">Describe and <span style="color:#000000;">apply</span></span> mental math strategies <span style="color:#3366ff;">and number properties</span>, such as
    <ul>
    <li>skip counting from a known fact,</li>
    <li>using doubling or halving <span style="color:#ff0000;">and adding or subtracting one more group,</span></li>
    <li>using patterns in the 9 facts, and</li>
    <li>using repeated doubling <span style="color:#3366ff;">or halving</span></li>
    </ul>
    to determine, <span style="color:#3366ff;">with fluency</span>, basic multiplication facts to 81 and related division facts.</li>
    </ol>
  5. Okay. Please have a look now. mrlibbyswebsite.com > Math 4/5 Blog. Under the NUMBER heading, look at numbers 4 and 16. Now the text after the bullets is in the right spots, but the bullets are gone, they are replaced by numbers, and they are even farther to the right! I did what you said! What happened?

  6. Here's the exact code I pasted above, copypasted into my demo blog:
    http://panosdemos.wordpress.com/2013/08/04/unordered-list-inside-ordered-list/
    As you can see it produces the intended result. So what's happening is there's a mistake on Greyzed: the theme displays the nested unordered list as if it's an ordered list.
    This needs to be corrected by WP. I'll tag the thread for staff attention.

  7. Thank you, justpi. Will I know when it's been fixed?

  8. You're welcome.

    When they see this, they will reply here. But I can't tell how long it will take them to respond, as it can range from one day to never. So, since three days have passed already, and since you have the upgrade, better not wait any longer. Add this in the CSS editor:

    .entry ul li {
        list-style-type: disc;
    }
  9. What do you mean by the CSS editor?

  10. Appearance > Customize > CSS.

  11. Okay, I did that. Nothing changed. Please explain to me why I had to add that to my css editor.

  12. Sorry? You had to add that to correct this:

    Now the text after the bullets is in the right spots, but the bullets are gone, they are replaced by numbers, and they are even farther to the right!

    But correcting "this" pre-supposes that "this" is there. At the moment you're not using the correct HTML I gave you (the one under "It should be"), you have reverted to your previous mistaken version (the one under "This is what you've got now").

Topic Closed

This topic has been closed to new replies.

About this Topic