Updated my PageLInes and now my custom code section is strange

[jkegley 0]

I am starting to fear PageLines updates. They always seem to mess something up in a strange place. I updated a few days ago and immediately my Custom Code tab became very strange. I understand that some of the changes were intentional. However, I am guessing that no one intended to make the format so long horizontally that I have to page over VERY far to the right and then up to click the Save button when making additions to this window. Then I have to hope that the change has been saved because the icon that usually tells you when a change is complete is not visible from the area where my save button now resides. Any suggestions? It appears to be one very long line of (now red) code that is expanding the window so much. Thank you for any assistance you can provide. www.jenniferkegley.com.

Oh and also, when I click on the Custom Code window it initially appears in pieces as though it is having some kind of lag time in loading. I cannot copy the piece of code causing the stretching or I would show it here.

[Danny+ 1,327]

Hi,

Can you provide a screenshot of your custom CSS area please so we can see the issue.

[jkegley 0]

Here is the screen shot you requested.

[Rob 547]

Jennifer,

I couldn't agree more. Change is always troublesome, no matter which theme, platform or framework I use. Every time WordPress updates, I cringe.

Apologies for these changes. They're aware of them and will resolve these issues in the next update. I'm bugging them daily!

Meanwhile, you seem to have a javascript inside the CSS Rules. That should be in the Header section right below CSS Rules. You may want to fix that.

[jkegley 0]

To be honest, I have no idea what that script was for, where it came from or where it was supposed to be. I cut it out and it made no difference on my page. Newbie, hoping it doesn't come back to bite me in the behind later.

[Danny+ 1,327]

Hi,

The recent update to the custom CSS text area now works more like an actual code editor and as far as I am concerned this change is for the better. It is far superior to the one we previous had implemented and will allow you to easily diagnose any errors in your code and allow you to distinguish different properties in your code.

If you wish to stop this overflow, simply stop having all your custom CSS on one line.

For example:

Do not do this:

.hello { background-color:white; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid black; font-size: 16px; font-family: arial, helvetica, sans-serif; }

[/code]




Do this instead:





[code]

.hello {

background-color:white;

border-radius: 5px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border: 1px solid black;

font-size: 16px;

font-family: arial, helvetica, sans-serif;

}

[jkegley 0]

Thank you for the advice. I will have to go back and change all of my code (which previously did not show up all on a humungous one line) to several lines. The screen is annoying and ridiculous as is and causes me lots of irritation and trouble.

[Simon 248]

jkegley Sorry about the irritation, 2.3.1 will be out tomorrow and wordwrap is enabled in the editor if you want to keep the huge long line.