Jump to content
Karoleena Homes

Editor problems

Recommended Posts

Karoleena Homes


I am having trouble understanding why, when using the editor, the content doesn't stack properly?

When doing it in the VISUAL window, the content does not stack properly which makes it hard to visual layout a basic page.

When using HTML, it looks perfect except that the actual final page doesn't have the last row of images followed by the content properly rendering.

I have attached three jpgs showing Visual - HTML - rendered page.

This happens on every page of the site which makes it a nightmare to edit the content.

Any thoughts would be appreciated.






Share this post

Link to post
Share on other sites

Are you adjusting the Image properties at all? (The image properties can be viewed by pointing to the top left corner of the image and clicking on the icon of the picture frame)

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post

Link to post
Share on other sites
Karoleena Homes

I have tried adjusting the image properties and not adjusting them.

Nothing makes a difference.

It happens on every page of the site.

I've actually never experienced this with WP.

Normally, a carriage return is one line and two returns gets you two lines of space.

Share this post

Link to post
Share on other sites

Your code has each of the three lower images daisy-chained, back-to-back, without a break. They're going to sit side-by-side, rather than stacking one-over-the-other.

Instead, try placing each one on its own line and if necessary, include a <br /> here and there to get them aligned. They don't naturally stack in the way you've added the code. This, by the way, is a WordPress issue, not caused by PageLines.

Former PageLines Moderator, Food Expert and Raconteur

Share this post

Link to post
Share on other sites
Karoleena Homes

HI thanks for the response.

I actually do want them side by side.

It's getting the content to flow after it that is the problem.

It's actually a problem throughout the site.

What happens in the visual editor does not replicate on the page.

I've never had this problem with WP before on all the sites I've built.

Even adding a <br> after the images does not force the copy below the images.

The copy ends up hanging right before going underneath the images.

Happens all over the site.

Share this post

Link to post
Share on other sites


Unfortunately, the editor on Wordpress is very poor and switching between the Visual and HTML editor can cause all sorts of issues with your HTML. Therefore, if you wish to use HTML, I highly recommend you disable the Visual Editor completely.

PageLines does nothing to the Wordpress editor and therefore, this is a Wordpress related issue, if you search Google for Wordpress editor issue, you will find quite a few.

Also, why are you not taking advantage of the PageLInes grid for your images, you can use this to properly align your images.

Please search our forums, before posting!

Share this post

Link to post
Share on other sites
Karoleena Homes

I just took over this site for a new client and am trying to clean things up.

Lots of extra code put in to deal with layout challenges they have had.

I want to get it so they can use the visual editor without glitches.

The one thing I have noticed is that if my browser is full screen (25 inch monitor) the content in the visual editor wraps UP.

If I scale my browser in, the content moves back down to where it belongs.

This doesn't happen on any other client sites. It's very odd.

So, being that I am trying to figure out your very robust (and complicated) theme....what are grids?


Share this post

Link to post
Share on other sites

Grid is a layout created by shortcode. Visit http://demo.pagelines.me/tools/

Scroll down about 3/4 of the way to Grid System.

It's possible there are browser specific issues with the site which may be resolved with our Browser Specific CSS plugin: http://pagelines.com/store/plugins/browser-css

Additionally, we use LESS and Compiled CSS, which can at times cause issues on servers with insufficient resources. We recommend 128Mb dedicated to PHP resources. I also recommend using MaxCDN to ensure that you have most of the major processes run off-site. That may resolve some display issues.

Former PageLines Moderator, Food Expert and Raconteur

Share this post

Link to post
Share on other sites
Karoleena Homes

Honestly, there is something wrong within the editor that I have never experienced in all my client WP installs and with different themes.

I would like to set up a demo site and do a fresh clean install of WP and Pagelines to see that fixes it?

More so, would I need another Auth Code to do that or can I use the current one?

Or is one needed at all?


Share this post

Link to post
Share on other sites

You can download as many times as you want.

Seriously though we do not interact with the wordpress editor in any way.

Share this post

Link to post
Share on other sites
Karoleena Homes

Thanks Simon_P

I appreciate that, however something is messed up and I need to figure out what it is.

Share this post

Link to post
Share on other sites
Karoleena Homes


After doing a clean install elsewhere, the same issues were there.

It was only after rebuilding a page from scratch that I figured out what was causing the grief for me and the client.

It was the smallest detail - right in front of me all of the time!!!


Every image on the site was put in as such

<img class="alignleft size-large wp-image-1863" title="BeachSeries#2_TheQualicum_render" src="http://karoleena.com/wp-content/uploads/2011/10/beach_qualicum.jpg " alt="" width="600" height="320" />[/CODE]

Every image has AlignLeft assigned to it.

Which means any content after it will wrap up around the image!

Thanks for all your patience as I figured this out.

LOL - you should probably delete this thread :-)


Share this post

Link to post
Share on other sites

The topic was marked as resolved.

Mackenzie - PageLines Help Desk

The Centsible Family - Writer, Photographer and Coffee Addict


Kindly search this forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • Erika
      By Erika
      My sidebar is now showing up below the content, but only on the homepage. 
      I've tried disabling plug-ins individually, checking column width, and <div> tag errors on the page as well as in individual posts that are displayed on my homepage. I don't know exactly when this issue arose, so I don't know what else to try! 
      Here's the page link:
    • MiraAdmin
      By MiraAdmin+
      Looking for some help on a recently developed issue. Editor will not load. 
      Theme:  DMS2
      Error from:  Chrome - Inspector - console view
      Error message: Refused to execute script from 'http://xxxx.xxx/wp-content/themes/dms/dms/editor/js/gettext.js/?ver=4.9.7' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.
      Occurs on all sites on same server. 
      WP versions to 4.9.5, 4.9.6, 4.9.7 = same behavior. Worked properly on these same versions until 07/04/2018.
      No new plugins. Isolating plugins offers same behavior. 
      Server vendor reports no changes, patches, etc. 
      Server re-starts no impact.  

      Thank you. 
    • Tom
      By Tom
      Hi, I desperatly need some help fixing the DMS editor. It's not loading at all en gets stuck at 'Oops there may be an issue loading.'
      I'm able to find this two warnings in chrome:
      www.studiekeuzemaken.nl/:4607 Uncaught SyntaxError: Invalid or unexpected token
      pl.editor.js:740 Uncaught TypeError: Cannot read property 'lang' of undefined
          at Object.reloadConfig (pl.editor.js:740)
          at Object.startUp (pl.editor.js:72)
          at HTMLDocument.<anonymous> (pl.editor.js:10)
          at i (jquery.js:2)
          at Object.fireWith [as resolveWith] (jquery.js:2)
          at Function.ready (jquery.js:2)
          at HTMLDocument.K (jquery.js:2)
      When I dug into the first warning a little deeper (line 4607)I found out that there is a typo in a css that's causing the SyntaxError. Because the css is placed within a textbox and the editor is not loading I'm not able to fix this.

      What can I do?

      Please help!

      - Tom
    • werdnags
      By werdnags+
      Hi Folk,
      Can anyone help me please.  On a page on my site I placed an 'embed section' and inserted code from the Eviivo Booking system that seems to call scripts from their site.  After doing the PL5 editors will not load so I can't edit anything.  Is there anyway of disabling the section so I don;t have to rebuild the page?
    • chamois_blanc
      By chamois_blanc+
      Please see screenshot. I think it should be self-explanatory.