Formats menu selects wrong paragraphs

  • Antony W. Serio

    (@antony-w-serio)


    8 years, 1 month ago

    I am attempting to use TinyMCE advanced to load the CSS classes in my editor-style.css file into TinyMCE. The classes are loaded into the editor, and they appear under the ‘Formats’ menu. However, when I try to apply the classes to a blog post, the affected text expands beyond what was selected. When I switch from ‘visual’ to ‘text’, I can see that the </p> was inserted at the wrong location. Here is my editor_style.css sheet:

    /* Indented prose  */
p.prose {
  font-size: 120%;
  line-height: 1.4; 	
  text-indent: 30px;
  margin-bottom: 0px;
  color: #000000; 
  font-family: georgia, palatino, serif;
}

/* centered text  */
p.middle {
  font-size: 120%;
  line-height: 1.4; 	
  color: #000000; 
  text-align: center;
  margin-bottom: 0px;
  font-family: georgia, palatino, serif;
}

/* Unindented prose with paragraph spacing */
p.flatline {
  font-size: 120%;
  line-height: 1.4; 	
  margin-bottom: 0px;
  color: #000000; 
  font-family: georgia, palatino, serif;
}

    I am running WordPress 4.9.5, and TinyMCE 4.6.7 hosted through HostGator. My browser is Firefox 59.0.2 (64-bit), running on OSX 10.11.6.
    Any assistance that couold be provided would be appeciated

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Andrew Ozz

    (@azaozz)

    8 years ago

    To be able to control exactly where to add the styles you will need to make sure the right HTML element is selected. I know this is not straightforward, best is to open the second buttons row (if it is hidden). That will show the “element breadcrumbs” at the bottom of the editor. In there click on the right element to select it.

    Thread Starter Antony W. Serio

    (@antony-w-serio)

    8 years ago

    I have both rows of buttons enabled, but I do not see an ‘element breadcrumbs’ available, either in the second row of buttons, or at the bottom of the editor. My version of the TinyMCE editor is not the latest and greatest. Would upgrading help?

    Anyhow, just this morning I enabled the ‘show blocks’ button. That showed me that an entire block of text, including carriage returns, etc., was one long ‘paragraph’, and that was what my style was being applied to. Perhaps I should explain how we are entering posts into WordPress. This is a two man operation, with Garman Lord providing the content, while I am the technical support. The posts are written in a word processor (either Pages for Mac (Garman Lord), or Libre Office for Mac or Xubuntu (Myself)), then copied and pasted into TinyMCE. Apparently, the copy/paste process is inserting the entire post as one long ‘block’ of text. Is there a way to break up this block of text, so that formatting can be applied to individual portions of it, rather than the entire block?

    Thread Starter Antony W. Serio

    (@antony-w-serio)

    8 years ago

    Another oddity. I tried to enable the ‘mark’ button, only to find that the button did not show up on my toolbar at all. It is visible in the ‘TinyMCE Advanced settings’, but it is not in my toolbar in the editor.

    Also, I just upgraded to WordPress 4.9.6 this morning.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Formats menu selects wrong paragraphs’ is closed to new replies.