I can't get information to look right when published.

Options
Rachel.Clements61
Rachel.Clements61 Posts: 5 ASC Beta Tester
in Customer Enablement
Content will look okay when I am working on it, but when I update there are spacing errors throughout.  For ex- I have left spaces between lines of text or have aligned text with a photo, but when I click update, the spacing does not show. When I go to edit it again, it shows several spaces/lines between the text, but this is not showing once published. Does this make sense? I am extremely frustrated :( I am using a template and mostly cutting and pasting content into the text editor using Control C and V as suggested. I think I am doing something wrong with entering spaces or paragraphs....I am not familiar with HTML. I have searched through the help and videos but can't find anything addressing this. 
Tagged:
· Share on FacebookShare on Twitter

Answers

  • Jamie.Ducusin70
    Jamie.Ducusin70 Posts: 1 🌱
    edited November 2022

    Hi @Stefanie Baldwin​ We have an instructor user who is experiencing the same issues with the Daylight HTML template, where we provided them with the tips above but the line spacing that the user has implemented in the HTML text editor (which displays as expected - 1) disappears in regular view/preview (2):

     

    1. line paragraph spacing in content editor
    2. line paragraph spacing disappears in regular view and preview

    They're wondering what method to suggest for them to use to indent the first line of a paragraph to create more visual structure/whitespace (without indenting the whole paragraph, which is what the indent button does)?

     

    Thanks in advance!

    Jamie

    · Share on FacebookShare on Twitter
  • sarah.dampier36
    sarah.dampier36 Posts: 3 ASC Beta Tester
    edited November 2022

    Hi @Stefanie Baldwin​ , can you tell me where I would adjust the paragraph setting in the CSS document for the Daylight HTML template? I've been customizing the colors to reflect our institution, ect. The paragraph setting in the template as does not create enough white space, which is causing many faculty to try add in a space, but as you know that doesn't show when published. I'd like to address this in the CSS file so that can resolve this issue universally moving forward. Can you recommend a course of action?

     

    I attempted to add "margin-bottom: 2.2em;" to this area of the CSS:

     

    /*** Typography ***/

    /** Typography - Global **/

    /* Fonts Set in course */

    html,

    body {

     color: #000000;

     font-size: 16px;

     font-weight: 400;

    }

     

    When that didn't work, I added the same code to both the Typography - extra small, small and Typography - Medium, Large, Extra Large areas as:

     

    }

     

    .body-one {

     font-size: 0.875rem;

     font-weight: 400;

     line-height: 1.6rem;

     letter-spacing: 0;

     margin-bottom: 2.2em;

    }

     

    It still didn't work. Other ideas on how I could address this?

    · Share on FacebookShare on Twitter
  • sarah.dampier36
    sarah.dampier36 Posts: 3 ASC Beta Tester
    edited November 2022

    Thanks, @Stefanie Baldwin​ . I actually found the code related to general <p> styling and was able to add the margin-bottom code!

    · Share on FacebookShare on Twitter
  • sarah.dampier36
    sarah.dampier36 Posts: 3 ASC Beta Tester
    edited November 2022

    I should have mentioned where!

    Under /*====== Typography =========*/

     

    }

     

    p,

    ol,

    ul,

    cite {

     font-size: 16px;

     line-height: 24px;

     margin-bottom: 15px;

    }

     

    · Share on FacebookShare on Twitter

Categories