• https://machineexpert.com/curriculum-vitae/

    The text in the body of this page is “defaulting” to 1.5 or 2 line spacing.

    It won’t let me do anything at single spacing. Was able to single space on this page: https://machineexpert.com/about-mccarthy/

    How can I control when it single spaces a line v. double?

    Where the page (https://machineexpert.com/curriculum-vitae/)
    indents in the 2nd and 3rd time on the first 3 lines under ‘Formal Education’ I won’t these 3 lines to only be single spaced. Then leave a blank line. Then the next 3 lines should be single spaced.

    By the way, I’ve changed all the line-heights to 1em where it was 1.4 or 1.5, etc. withing the Stylesheet and Visual Editor Stylesheet and nothing has changed.

    Your help is much appreciated.
    Thanks,
    Lynn

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hi

    You have each line as a separate paragraph. The problem is not the line height, but the margin between each paragraph.

    from line 432 in your stylesheet:

    #content p, #content ul, #content ol, #content dd, #content pre, #content hr {
    margin-bottom:24px;
    }

    So each paragraph has 24 pixels of bottom margin between it and the next paragraph.

    A simple approach to resolving this is, in the editor, wrap the entire post or page content in a div, something like this:

    <div class="no-bottom-margin">
    ---- whole page of Curriculum Vitae text goes here ----
    </div>

    (make sure you add those two DIV related lines on the editor’s HTML tab, not in the visual editor tab.)

    then add this to your stylesheet, perhaps at the bottom
    div.no-bottom-margin p { margin-bottom: 0px; }

    That will override the stylesheet default of 24px bottom margin for all paragraphs contained within that div.

    After seeing that this works, you can insert blank lines where needed by going back to the visual editor tab. Put the cursor where you want a blank line and hit Enter. If you find this creates double blank lines and you only want single, instead of Enter press <CTRL> + Enter which advances the cursor to the next line.

    Thread Starter lsalter

    (@lsalter)

    Hi,
    I did as you said above but it did not alter the line spacing.

    I ended up changing this:
    #content p, #content ul, #content ol, #content dd, #content pre, #content hr {
    margin-bottom:24px;
    }

    to a margin-bottom:12px

    The only place I really need to maintain a line between paragraphs is on the About page and so I had to leave something. I changed the above to 0px but then I couldn’t get any blank lines between paragraphs on the About page where needed.

    Is there a way to indent without it making each line a paragraph?

    Appreciate your assistance.
    Thank you.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Trying to single space content text v. double (1.5)’ is closed to new replies.