Text/Visual Editor doesn't translate to published webpage

  • Jeighcrad

    (@jeighcrad)


    11 years, 5 months ago

    When I publish posts/pages, only parts of the formatting code will make it to the finished page. I have trouble specifically with bullets and spacing (mostly one line breaks). I’m sure there are others but these are the ones I notice the most. It has been an issue for months and writing posts makes me want to tear out my hair. In the past I’ve just used work-arounds but it would be fantastic to solve this problem and make my life a little easier.

    Suggestions?

    The most recent page giving me trouble is
    http://www.jeighcrad.com/website-builder

    I would like the lists to be indented and show bullet points.

    I am using the Albedo theme and can’t seem to find anyone else with the same theme and issue.

Viewing 3 replies - 1 through 3 (of 3 total)
  • JenR

    (@jennifer-roberts)

    11 years, 5 months ago

    That kind of formatting is typically controlled by the CSS of the theme – not the editor – in this case here:

    ul {
    list-style: outside none disc;
}

    Reference for list CSS:

    http://www.w3schools.com/css/css_list.asp

    The best way to change it is is by using Custom CSS (your theme may have it or you can add via a plugin) – and ADD the above CSS there and change as you like.

    To space the items out more, use:

    ul li{
    line-height: ??px;
}

    Hope that helps some.

    Thread Starter Jeighcrad

    (@jeighcrad)

    11 years, 5 months ago

    It did! I’ve resolved the bulleted list (THANK YOU!).
    I’m still not sure how to make an enter/return equal one line break between headers and text. After a header a return space is usually deleted when published, unless I use an & n s p ;. Sometimes I don’t want a space that big. Has anyone had any success fixing this?

    JenR

    (@jennifer-roberts)

    11 years, 5 months ago

    The space between a header and text is usually also due to the CSS in the theme – so you can use a browser tool like Firebug or Chrome Developer tools to look at the existing CSS for that part and do what you already did above.

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

The topic ‘Text/Visual Editor doesn't translate to published webpage’ is closed to new replies.