PenNews: Post editor shows obsolete preview styles

ICEknigh7 replied

6 years ago

Customer Reply

It looks perfect now, just like the default Wordpress style.

Thank you, this can be closed.

Penci Design replied

6 years ago

Staff Reply

Hi,

Our team was checked in more than 5 hours and i try add custom css to editor-style.css on child theme. https://prnt.sc/phic6q

blockquote, q {
 font-family: inherit;
 font-size: inherit;
 font-weight: inherit;
 font-style: inherit;
 line-height: inherit;
 text-align: inherit;
 color: inherit;
 padding-top: inherit;
 padding-bottom: inherit;
 position: inherit;
 margin-top: inherit;
 margin-bottom: inherit;
 text-transform: inherit;
}
q {
 padding-bottom: inherit;
 display: inherit;
}
blockquote:before, q:before {
 content: none !important;
}
blockquote:after, q:after {
  content: none !important;
 bottom: 0;
 left: 50%;
 position: absolute;
 width: 150px;
 height: 2px;
 background-color: #dedede;
 margin-left: -75px;
}
blockquote.alignleft,
blockquote.alignright {
 width: inherit;
 max-width: inherit;
}

It appears that it work fine. Please check it again

Best Regards,

PenciDesign

ICEknigh7 replied

6 years ago

Customer Reply

I don't think that something I'll have to keep doing every time the theme automatically updates can be counted as a solution. There must be a way of making Wordpress' default editor styles to stay permanently.

Penci Design replied

6 years ago

Staff Reply

Hi,

Please backup the code you send you on the ticket.

After you update, please go to css/style-editor.css file then remove the code css

Best Regards,

PenciDesign

ICEknigh7 replied

6 years ago

Customer Reply

I noticed that you edited the parent theme directly. How can I prevent this problem from happening again every time the theme updates?

ICEknigh7 replied

6 years ago

Customer Reply

It looks good now, thank you.

Penci Design replied

6 years ago

Staff Reply

Hi,

I remove block quote on editor help you

blockquote, q {
 font-family: 'Roboto', sans-serif;
 font-size: 24px;
 font-weight: bold;
 font-style: italic;
 line-height: 1.25;
 text-align: center;
 color: #3f51b5;
 padding-top: 26px;
 padding-bottom: 26px;
 position: relative;
 margin-top: 26px;
 margin-bottom: 33px;
 text-transform: uppercase;
}
q {
 padding-bottom: 27px;
 display: inline-block;
}
blockquote:before, q:before {
 content: '';
 top:0;
 left: 50%;
 position: absolute;
 width: 150px;
 height: 2px;
 background-color: #dedede;
 margin-left: -75px;
}
blockquote:after, q:after {
 content: '';
 bottom: 0;
 left: 50%;
 position: absolute;
 width: 150px;
 height: 2px;
 background-color: #dedede;
 margin-left: -75px;
}
blockquote.alignleft,
blockquote.alignright {
 width: 100%;
 max-width: 400px;
}

Please check it again

Best Regards,

PenciDesign

ICEknigh7 replied

6 years ago

Customer Reply

I'd just like it to show Wordpress' default styles in the editor, I wouldn't want to have to change those each time I alter the looks of the site.

Penci Design replied

6 years ago

Staff Reply

Hi,

Please send me css of block quote on frontend. I will add more css to editor help you.

Best Regards,

PenciDeisgn

ICEknigh7 replied

6 years ago

Customer Reply

I've created a new editor-style.css with those styles but not all of the blockquote styles are changed. The same happens if I just copy Wordpress' default editor-style.css to try and revert any PenNews styles in the editor.

Penci Design replied

6 years ago

Staff Reply

Hi,

You want change style blockquote on editor.

Please go to css/editor-style.css then change style of blockquote https://prnt.sc/pew4xy

Best Regards,

PenciDesign

ICEknigh7 started the conversation

6 years ago

Conversation Start

Is there a way to stop the default blockquote format from appearing in the post editor? I've already changed it to something else through CSS and it's very distracting.