Jump to content
Karoleena Homes

Editor problems

Recommended Posts

Karoleena Homes    0
Karoleena Homes

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
catrina    103
catrina

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    0
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
Rob    547
Rob

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    0
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
Danny    1,327
Danny

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.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Karoleena Homes    0
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?

Thanks

Share this post


Link to post
Share on other sites
Rob    547
Rob

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    0
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?

Thanks

Share this post


Link to post
Share on other sites
Simon    247
Simon

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    0
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    0
Karoleena Homes

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
mackenzie    12
mackenzie

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

    • Peter Esslemont
      By Peter Esslemont
      Hi,
      When using the editor I am getting duplicate wordpress toolbars and an a nice error to go with it...
      I have them stack 4 high at one point.  Goes away with a refresh then re-appears.
      very odd.

       
       

    • Anthony King
      By Anthony King+
      I have to say that I like the Layout and the Template based sections. Some of them are really impressive.
      One of the things that I would like to request though is the possibility of being able to dynamically rearrange the layout.
      An example of what I am talking about is take the Agency Section. It's current layout starts with the
      Splash Module then the Portfolio Module then the Service Module and so on and so forth.
      What would be great is if we were able to move these modules around. I.e have the Service Module first
      then maybe the Splash, and then the portfolio.
       
    • Perry
      By Perry+
      Hello there,
      We have started experiencing a crippling issue within the last few days. It seems that ever since three days ago the CSS will not load for our pages outside of the DMS editor. Inside of the editor everything appears to be looking fine, but after publishing and viewing the page in a new browser our elements are all over the place, and in the console it appears that there is an error stating that the CSS did not get loaded. Looking through FTP, it seems that the two CSS files in the pagelines folder in wp-content are now missing. We did not access this folder or modify any files prior to this.  What kind of problem could this be? We are totally halted on any work we can perform until this is solved, so any help would be greatly appreciated. 
      An example of the phenomenon: http://datesafe2.21thirteenhost.com/category/ask-mike/
      Best,
      Perry
    • Queue-it
      By Queue-it+
      Hi,
      Is is possible to have different layouts for different Post categories? We have Blog posts, News posts and Case studies that all are posts, but is it possible to differentiate their layouts?
      So far when I change a post layout it affects all Post type pages. Could it be done somehow with creating a separate template? 
      Examples below
      https://queue-it.com/news/
      https://queue-it.com/blog/
       
    • huskers2011
      By huskers2011+
      Although my layout in edit view is correct, when I look at the page the layout is wrong. I have moved the sections around and the layout remains the same when I view it. Im using 
       PageLines Platform 5 - v5.0.162 running a Pageline theme &  Wordpress version 4.6.1
      The page is http://kwamedawes.com/speak-from-here-to-there-the-dialogue/ the section order is incorrect. and
      http://kwamedawes.com/speak-from-here-to-there-the-poems/ top section is laid out like the bottom section, but displays as shown.
       
      Thanks for any help.
      Lorna
×