Announcement

Collapse
No announcement yet.

How to remove ckeditor background image after vB5.4.2 upgrade

Collapse
X
Collapse
First Prev Next Last
 
  • Filter
  • Time
  • Show
Clear All
new posts

    How to remove ckeditor background image after vB5.4.2 upgrade

    There must have been an upgrade tonight to my cloud forum and now I have an issue. The reply box for all the treads and pas has an image in it ! it's the one i use for my background. How do I remove it ?

    Click image for larger version  Name:	Screen Shot 2018-06-04 at 19.04.21.png Views:	1 Size:	774.2 KB ID:	11265
    Last edited by glennrocksvb; 06-04-2018, 12:32 PM.

    #2
    The ckeditor iframe now seems to have css_additional template included in the latest vB5 version. This means if you have custom CSS added for "body" tag selector for the main page, then it will also apply to the ckeditor iframe body. I think that's what's happening to your forum.
    Helpful? Donate. Thanks!
    Buy me a coffeePayPal QR Code
    Fast VPS Host for vBulletin:
    A2 Hosting & IONOS

    Comment


      #3
      The solution is to change your custom CSS:

      Code:
      body {
      with:

      Code:
      body:not(.cke_editable) {
      Helpful? Donate. Thanks!
      Buy me a coffeePayPal QR Code
      Fast VPS Host for vBulletin:
      A2 Hosting & IONOS

      Comment


      • glennrocksvb
        glennrocksvb commented
        Editing a comment
        This solution is now replaced by a better solution I posted in post #9.

      • glennrocksvb
        glennrocksvb commented
        Editing a comment
        Latest code is in post #16.

      • glennrocksvb
        glennrocksvb commented
        Editing a comment
        Latest solution posted in post #18

      #4
      Glenn you rock ! you are awesome. Thanks so much once again, all sorted !!

      Comment


        #5
        Glad to help!

        Changed the topic title to make it more descriptive and help more people.
        Helpful? Donate. Thanks!
        Buy me a coffeePayPal QR Code
        Fast VPS Host for vBulletin:
        A2 Hosting & IONOS

        Comment


          #6
          Helped me as well as I was presented with the same issue when I upgraded this morning!

          Comment


            #7
            Is there any way to remove the background in the font type and size as well?

            Click image for larger version

Name:	Screenshot 2018-09-01 14.55.01.png
Views:	612
Size:	38.8 KB
ID:	12593

            Comment


            • glennrocksvb
              glennrocksvb commented
              Editing a comment
              I'll check on my desktop

            #8
            Originally posted by Fleiding View Post
            Is there any way to remove the background in the font type and size as well?

            Click image for larger version

Name:	Screenshot 2018-09-01 14.55.01.png
Views:	612
Size:	38.8 KB
ID:	12593
            Hi Glenn, did you already had time to check?

            Comment


              #9
              I checked and CKEditor iframes tend to have "cke_xxxx" classes in the body tag. So try this:

              Replace this in your css_additional template:

              Code:
              body {
              with:

              Code:
              body:not([class*="cke_"]) {
              This means to select the body tag without "cke_" in the class attribute.

              This replaces my suggestion in post #3.
              Helpful? Donate. Thanks!
              Buy me a coffeePayPal QR Code
              Fast VPS Host for vBulletin:
              A2 Hosting & IONOS

              Comment


              • glennrocksvb
                glennrocksvb commented
                Editing a comment
                Latest code is in post #16

              • glennrocksvb
                glennrocksvb commented
                Editing a comment
                Latest solution posted in post #18

              #10
              Originally posted by glennrocksvb View Post
              I checked and CKEditor iframes tend to have "cke_xxxx" classes in the body tag. So try this:

              Replace this in your css_additional template:

              Code:
              body {
              with:

              Code:
              body:not([class*="cke_"]) {
              This means to select the body tag without "cke_" in the class attribute.

              This replaces my suggestion in post #3.
              Thanks Glenn solution worked perfectly!

              Comment


              • glennrocksvb
                glennrocksvb commented
                Editing a comment
                Thanks for confirmation!

              #11
              Awesome Glenn, just updated mine and it works perfect

              Comment


                #12
                Originally posted by glennrocksvb View Post
                I checked and CKEditor iframes tend to have "cke_xxxx" classes in the body tag. So try this:

                Replace this in your css_additional template:

                Code:
                body {
                with:

                Code:
                body:not([class*="cke_"]) {
                This means to select the body tag without "cke_" in the class attribute.

                This replaces my suggestion in post #3.
                Awesome, enjoy your coffee!

                Comment


                • glennrocksvb
                  glennrocksvb commented
                  Editing a comment
                  Thanks! ☕

                #13
                If you want to paste something as plain text or from Word, the background in the popup now also has a background. What CSS can I use to remove this?

                Comment


                  #14
                  Can you post a screenshot Fleiding?
                  Helpful? Donate. Thanks!
                  Buy me a coffeePayPal QR Code
                  Fast VPS Host for vBulletin:
                  A2 Hosting & IONOS

                  Comment


                    #15
                    Click image for larger version

Name:	Screenshot 2018-10-26 19.31.07.png
Views:	519
Size:	56.3 KB
ID:	13948

                    Comment

                    Users Viewing This Page

                    Collapse

                    There is 1 user viewing this forum topic.

                    • Guest Guest

                    Latest Posts

                    Collapse

                    Working...
                    X
                    Searching...Please wait.
                    An unexpected error was returned: 'Your submission could not be processed because you have logged in since the previous page was loaded.

                    Please push the back button and reload the previous window.'
                    An unexpected error was returned: 'Your submission could not be processed because the token has expired.

                    Please push the back button and reload the previous window.'
                    An internal error has occurred and the module cannot be displayed.
                    There are no results that meet this criteria.
                    Search Result for "|||"