• Hi I have searched high and low for a simple way of indenting some lines without success. I use  several times but this is really cumbersome.
    pre works but it changes the font so looks funny. Is there a plugin or something easier than multiple  ?

    There are so many solutions out there but none really work in wordpress without modifying code.

    I will not change any code or whatever you call it because that complicates any updates.

    Look forward to a solution.

Viewing 11 replies - 1 through 11 (of 11 total)
  • You can put a “non-breaking-space” before your words the code is  

    It would help us help you if you included a link to your website, and specific examples of what you want.

    If it is in special places like start of paragraph, then there is CSS code that can do this. (A left margin on first line)

    Certainly NEVER change WordPress core code, this is just good practice.
    However customising your theme is easy and safe,
    start with creating a child theme http://codex.wordpress.org/Child_Themes

    Thread Starter strifemit

    (@strifemit)

    Hi Thanks. I did use those (spaces obviously not shown in yours or my post.) several times but that is a bit much if you want an indent. The website http://www.bestepeople.com.

    You can see the link at the bottom Our Website Explained with the indent. It took a lot of spaces which is silly really. There has to be an easier way.

    There has to be an easier way.

    There is. Use an unordered list. I just browser edited your page, removed all the spaces and created an unordered list like this:

    <ul>
    <li><strong>Home </strong> – Home Page</li>
    <li><strong>About Us</strong> – Information about us and Testimonials</li>
    <li><strong>Communication</strong> – Anything to do with communication</li>
    <li><strong>Workplace </strong>– Anything to do with the workplace</li>
    <li><strong>Self-Reflections</strong> – Personal thoughts about self and observations</li>
    <li><strong>The World</strong> – Items on Sport, Justice, Media, etc.&nbsp; More main topics to come</li>
    <li><strong>Contact </strong>– Send us information or topics you believe will add value</li>
    </ul>

    The result looks like this:

    View post on imgur.com

    Thread Starter strifemit

    (@strifemit)

    Hi – Thanks but neither came out as yours did. I tried the code above and the code in the email.

    What I am trying to create is this:

    The Main Menus At The Top:
    Home – Home Page
    About Us – Information about us and Testimonials
    Communication – Anything to do with communication
    Workplace – Anything to do with the workplace
    Self-Reflections – Personal thoughts about self and observations
    The World – Items on Sport, Justice, Media, etc. More main topics to come
    Contact – Send us information or topics you believe will add value

    The Right-Hand Column:
    Post Categories
    Recent Posts
    Popular Pages
    Recent Comments

    Is this possible?

    At the moment I am using this which is really silly:

            

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Can you try it again but leave that code that Dave recommended, so that we can see the issue with the correct structure?

    Thread Starter strifemit

    (@strifemit)

    Unfortunately it doesn’t show the format as input.

    I’ll say it in words:

    indent item space – space item

    That is each item is indented and in alignment on the left and the statement to the right is also in alignment from the left.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Okay, so really you should use CSS to do this. I think we just didn’t understand what you wanted to do.

    So, try this structure instead:

    <ul>
        <li>
            <span class="list--left"><strong>Home </strong></span><span>– Home Page</span>
        </li>
        <li>
            <span class="list--left"><strong>About Us</strong></span><span> – Information about us and Testimonials</span>
        </li>
        <li>
            <span class="list--left"><strong>Communication</strong></span><span> – Anything to do with communication</span>
        </li>
        <li>
            <span class="list--left"><strong>Workplace </strong></span><span>– Anything to do with the workplace</span>
        </li>
        <li>
            <span class="list--left"><strong>Self-Reflections</strong></span><span>– Personal thoughts about self and observations</span>
        </li>
        <li>
            <span class="list--left"><strong>The World</strong></span><span>– Items on Sport, Justice, Media, etc.&nbsp; More main topics to come</span>
        </li>
        <li>
            <span class="list--left"><strong>Contact </strong></span><span>– Send us information or topics you believe will add value</span>
        </li>
    </ul>

    Then you can use CSS to give the “list–left” <span> element a width:

    .list--left {
        display: inline-block;
        width: 300px;
    }

    Thread Starter strifemit

    (@strifemit)

    Thanks for your efforts. It is my bedtime but I have put up the code as in the email and above. Neither is correct. There is no point in doing anything that takes longer than putting in the spaces as stated above. I’ll leave the code in until morning so you can see. Do appreciate your efforts.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    No no, put the code into your “text” editor, not the visual.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Hang on, you copied all of my code including the CSS and put it into the Visual tab.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You know, I’m sure StudioPress have a better solution for you, but you came to this forum where we have no access to your theme, we don’t actually support it, and we tried to give you a solution.

    I know you appreciate our efforts, but maybe you need to contact StudioPress about support for their themes. It sounds like their solution would be better for everyone here.

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘Adding Spaces between words or to the left’ is closed to new replies.