• Resolved coopercromar

    (@coopercromar)


    Hello.

    I hope I have a problem that is moderately easy to fix. I am definitely not a coder but I have managed to create an intranet site using Period-Pro for my work. I cannot share it as it is hosted locally.

    Maybe about a week before the WordPress 5.0 update, I noticed that when editing an existing post/page or creating a new one, the text margin was inset quite considerably. I was hoping the new update would fix the problem, but alas, I still get the indent.

    (Once posted, the pages look fine! This is only a post-new or edit issue)

    I asked a friend who’s not used to WordPress but knows how to build a site to have a look and we’ve isolated the problem to this little bit of code when using ‘Inspect Element’ in Safari:??——?Problem…?.editor-styles-wrapper .wp-block {?max-width: 718px;

    Fix…?.editor-styles-wrapper .wp-block {?max-width: 100%;?——-
    When changing the max-width to 100% the edit page margins go back to normal.

    When using other themes, this problem goes away.

    I’m certain it’s none of the plug-ins as I also deactivated them one by one to test. Posting/editing problem still occurred.

    I’ve seen on the WordPress knowledgebase that the ‘editor-styles-wrapper’ has been discussed quite a lot as it’s been causing problems, but the people discussing it are a bit too technical for me! I am hoping one of you guys could advise me what to do.

    The Period-Pro customisation also allows me to add custom CSS too. I’m hoping this would fix the problem.

    I’ve can send some screenshots to explain my problem better.

    Thank you in advance!

    Debra Johnson

Viewing 8 replies - 1 through 8 (of 8 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Hi Debra,

    Thanks for using Period!

    In a recent update, the editor styles were updated to better match the front-end of the site. This included changing the font, font sizes, and maximum width of the text. With the max width set, the line breaks you see in the editor should match what you see when you publish a post. The goal of this was to make it easier to see how your post is going to look when you publish it.

    • This reply was modified 6 years, 3 months ago by Ben Sibley.
    Thread Starter coopercromar

    (@coopercromar)

    Thanks Ben for getting back to me…

    Thank you for explaining this to me – it makes sense now!

    The only problem I have is that one of my pages uses the wide template which is a table set at 100% width and when editing, it shears the right hand side losing some of the info – unfortunately the last two columns are the ones that need edited! There is too much info to fit into the narrower space with the right hand sidebar.

    I know how to input the information in the Code Editor page, but the admins I have assigned struggle with this and prefer to use the Visual Editor.

    I can send you a screenshot to explain.

    • This reply was modified 6 years, 3 months ago by coopercromar.
    Thread Starter coopercromar

    (@coopercromar)

    Theme Author Ben Sibley

    (@bensibley)

    Thanks for taking the time to explain that. I didn’t think about how the editor would affect the full-width templates.

    After looking into this, I can expand the editor content for full-width templates, but this only works with the Classic Editor. With Gutenberg, the editor has to be expanded for every post and page.

    If you’d prefer to return to the Classic Editor let me know because this is an update I can include in Period for everyone’s site. Otherwise, if you’d like to keep using Gutenberg, I can give you a “child theme” with a customization to expand the editor content for all posts and pages.

    • This reply was modified 6 years, 3 months ago by Ben Sibley.
    Thread Starter coopercromar

    (@coopercromar)

    Hi Ben,

    You are a legend!

    Thank you for giving me options! I’m so relieved as I really like using your theme.

    I’m not fussed – whatever’s easiest for you.

    I’m worried that the Classic Editor will no longer be supported if I continue to use it.

    Would it be better using the Child Theme via Gutenberg?

    I already use some additional CSS which you very kindly gave me. Would that continue to work?

    */
    /*Change hover color of sub menu items*/
    @media (min-width: 56.25em){
      .menu-primary ul ul a:hover {
          color: #3b72bf;/*You can change the color code from red to anything else*/
      }
    }
    
    .wp-caption-text {
      color: #aaa;
    }
    .post-content img {
      border: solid 1px #aaa;
    }
    /* Customize tablesorter header border colors */
    table.tablesorter thead tr th { border: 1px solid #000000; }
    • This reply was modified 6 years, 3 months ago by coopercromar.
    Theme Author Ben Sibley

    (@bensibley)

    You’re welcome ??

    WordPress says that classic editor plugin “will be maintained until at least 2022.” If you don’t mind using that for now it should work well once I get the new update for Period out. You’ll see the editor switch from a narrow layout to a full-width layout right away when you change between the default and full-width page templates.

    Gutenberg is still under very active development, so I’m guessing this same sort of feature will be added at some point.

    Thread Starter coopercromar

    (@coopercromar)

    No problem – Classic Editor installed and my admins are happy again. Back to normal.

    Thank you so much for your help.

    Your support really is top notch!

    Theme Author Ben Sibley

    (@bensibley)

    Yea no problem! Thanks for working with me through this ??

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘editor-styles-wrapper problem’ is closed to new replies.