• In visual editor, users of my website create posts that look as they should, they look like what one would see in a MS Word document, with one enter/return creating a new paragraph. Then when they users submit the content, the final product is without any paragraphs. Users then have to go back and edit posts by entering a second enter/return before each paragraph! If double spaced text would thus require 4 returns…this is silly.

    How can this be changed/fixed? Plugin? CSS? I’m lost ??

    Screen shot:

    View post on imgur.com

Viewing 15 replies - 1 through 15 (of 22 total)
  • Thread Starter semperaye

    (@semperaye)

    FYI. These forums work as they should, and I assume www.ads-software.com uses word press ??

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    the issue is (probably) that the CSS assigned to the <p> tag is not putting an appropriate margin around paragraphs. This may be something you can set via theme options. If not, it can be handled by editing style.css. Please provide a link to your site.

    Thread Starter semperaye

    (@semperaye)

    Hello Sterndata,

    Thanx for the reply! Here is a link to a test page:

    https://www.salamatphilippines.com/forums/topic/ranks-badges/

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Yeah, here’s the issue… This is your current CSS

    p {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    Try changing the margin-bottom to .5em and see how that looks.

    Edit your theme’s style.css

    Thread Starter semperaye

    (@semperaye)

    I’m sorry….can this be done with custom css? My knowledge of editing files is next to none, but I can handle copy and paste ??

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Yes, if you have a custom CSS option for your theme. If not, install the plugin “simple custom css”.

    Thread Starter semperaye

    (@semperaye)

    So enter this into custom css?:

    p {
    margin-top: 0px;
    margin-bottom: .5em;
    }

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    exactly.

    You may want to try other values if .5 isn’t quite right for how you want things to space out.

    Then when they users submit the content, the final product is without any paragraphs.

    How do they do this?

    Thread Starter semperaye

    (@semperaye)

    @sterndata

    All that css did was increase the spacing between lines. The problem still exists that the visual editor is showing something different then the final result. In this case it’s showing a paragraph, but there isn’t a paragraph in the final product.

    Using cut and paste? MS Word? Or does it stay in the Visual Editor as a draft?

    Thread Starter semperaye

    (@semperaye)

    @kmessinger

    basically if you view the link you will see in the first picture labeled “before,” there is paragraph spacing, 3 paragraphs, but in the second picture “after” there are no paragraphs at all. The only way to resolve this is to hit enter/return twice while in visual editor to make a paragraph, this is contrary to what users are used to on ms word, or here on www.ads-software.com’s forums. So users see in the visual editor that paragraphs exist, but when they submit the final content the paragraphs are void. So they have to go back a second time and enter in additional returns/enters to fix it.

    At the end of the day, what visual editor shows should be what appears on the final content…but it doesn’t ??

    Thread Starter semperaye

    (@semperaye)

    To answer the second question, I am not cutting and pasting, I am simply typing directly into the visual editor.

    Is this the link to where the problem is when you are signed in?

    If you bring up the site and hit F10 making sure “Console” is underlined, you will see quite a few javascript errors having to do with fonts. You need to get rid of those.

    99% of the time any problems with the editor are caused by javascript conflicts usually from a plugin.

    Sorry, I do have to go now but will check back in the AM.

    Thread Starter semperaye

    (@semperaye)

    Yup the first link is a screen shot of what the problems looks like, and the 2nd link is the url to the example problem’s page on the website. F10 doesn’t do anything for me, but I’m using chrome..anyway I do not know much about that type of thing anyway so it’s pointless for me to check it. I will have my IT guy take a look, looks like it’s far to above my own head ?? Thanx!

Viewing 15 replies - 1 through 15 (of 22 total)
  • The topic ‘Visual Editor – How to make ONE enter/return make a new paragraph?’ is closed to new replies.