Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2173206
PenNews: Post editor shows obsolete preview styles
Closed

Comments

  •  1
    ICEknigh7 started the conversation

    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.

  •  501
    Penci replied

    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

  •  1
    ICEknigh7 replied

    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.

  •  501
    Penci replied

    Hi,

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


    Best Regards,

    PenciDeisgn

  •  1
    ICEknigh7 replied

    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.

  •  501
    Penci replied

    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

  •  1
    ICEknigh7 replied

    It looks good now, thank you.

  •  1
    ICEknigh7 replied

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

  •  501
    Penci replied

    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

  •  1
    ICEknigh7 replied

    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.

  •  501
    Penci replied

    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

  •  1
    ICEknigh7 replied

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

    Thank you, this can be closed.