Archived

This topic is now archived and is closed to further replies.

  • 0

Resolved Editor problems


Question

Posted · Report post

Hi,

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.

Thanks!

Mitch

post-10994-0-24906400-1350413790_thumb.j

post-10994-0-68509400-1350413791_thumb.j

post-10994-0-63350900-1350413792_thumb.j

Share this post


Link to post
Share on other sites

14 answers to this question

Posted · Report post

Yes Catrina it is

Share this post


Link to post
Share on other sites

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

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)

Share this post


Link to post
Share on other sites

Posted · Report post

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

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

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

Posted · Report post

HI,

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.

Share this post


Link to post
Share on other sites

Posted · Report post

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?

Thanks

Share this post


Link to post
Share on other sites

Posted · Report post

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

Posted · Report post

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

Posted · Report post

OMG

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!!!

DOH!

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 :-)

CLOSED!

Share this post


Link to post
Share on other sites

Posted · Report post

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?

Thanks

Share this post


Link to post
Share on other sites

Posted · Report post

The topic was marked as resolved.

Share this post


Link to post
Share on other sites