Tagged: 

Viewing 20 posts - 1 through 20 (of 23 total)
  • Author
    Posts
  • #305375
    Anna Apollonia
    Participant

    I’m using quotes on almost every post on my website and just update to WP6. The layout is broken now, the brackets in front of the first sentence overlay the text, for example : https://www.anna-apollonia.art/2022/04/11/d-k-loveboy/

    The only way to change it is to toggle the quote style from “default” to “plain”, which is impossible to do manually.

     

    Thank you in advance for your help

     

     

    #305376
    Anna Apollonia
    Participant

    I also noticed that the “default” quote style in my post displays wrong, not showing the purple stripe to the left. This only works if I add a new quote, not in the quote already in the post.

    If I create a new quote the “plain” style is also different now, not showing the bracket sign in front. It’s completely messed up :/

    #305405
    tikaram
    Participant

    @anna-apollonia :  I will check for the issue and get back to you soon. Sorry for the inconvenience caused.

    Regards,
    Tikaram

    #306374
    Anna Apollonia
    Participant

    Hello Tikaram,

    I’m still struggling with this, any chance you could look into this? Thank you!

    #306545
    tikaram
    Participant

    @anna-apollonia :  The issue will be fixed soon. Sorry for the inconvenience caused. I will let you know as soon as the update is ready.

    Regards,
    Tikaram

    #306662
    Sakin
    Keymaster

    Hello Anna,

    There is a new version update for the Photo Journal Pro theme. Please update to the latest version 4.4, which should fix the blocks and block editor styles.

    Regards,
    Sakin

     

    #306757
    Anna Apollonia
    Participant

    Hello,

    unfortunately, this does not solve the issue. The “plain quote” style still does not show the quote sign in the beginning of the sentence as shown in the preview and on my older pages.

    I have to change the code manually, which takes too long.

     

    #306789
    Sakin
    Keymaster

    Hello Anna,

    I just check your site https://www.anna-apollonia.art/2022/04/11/d-k-loveboy/ and it’s working fine. Sometimes, it must be loading old CSS files in the browser which will be automatically cleared in a few days. Or, you need to do a hard refresh or clear the browser cache and check it.

    See this screenshot: https://tinyurl.com/29fdamm3

    About the plain quote, WordPress 5.9 onward makes it plain for a plain quote and if it’s default then it has a quote. Also, my default when you use the quote will be the default.

     

    Regards,
    Sakin

     

    #306895
    Anna Apollonia
    Participant

    Thank you, it does indeed work OK know for the default style.

    But unfortunately, the “plain” style is really plain now, it had a purple line on the left before, which no longer shows.

    Is this something that was changed in the CSS ?

    #306902
    Anna Apollonia
    Participant

    The quote is not in italic anymore either, I have to copy paste code of old quotes to achieve the layout I want :/

    #306917
    Sakin
    Keymaster

    Hello Anna,

    Yes with CSS we can change the style. But you need to tell me the style that you want like a Screenshot or URL where you had the desired style and where you want to use that style.

    Regards,
    Sakin

     

    #307652
    Anna Apollonia
    Participant

    This is still a big problem, both default and plain quotes display incorrectly. I just created a test page showing both issues :

    https://www.anna-apollonia.art/wp-content/uploads/2022/07/Quote-test.png

     

    I simply would like the style to display as it used to be, italic for default, with an aligned quote sign, vertical purple strip on the left, the length of the text for plain.

     

    #307712
    tikaram
    Participant

    @anna-apollonia : Please try adding the following additional css and let me know

     

    blockquote p {
    font-style: italic;
    }
    
    blockquote.is-style-plain p {
    border-left: 2px solid #5f4b8b;
    padding-left: 21px;
    }
    
    blockquote::before {
    top: unset;
    }
    #307862
    Anna Apollonia
    Participant

    Hello Tikaram,

    weirdly enough it doesn’t change anything.

    #308220
    Anna Apollonia
    Participant

    Hello,

    the quote design just doesn’t stop changing after every update, now the author’s name is on the bottom left, it used to be on the right. The default font size has also changed

    But: the purple stripe in the plain version, very recognizable in this theme because it uses the same color as elsewhere, does not work anymore. Even with the workaround via custom CSS

    #308360
    Sakin
    Keymaster

    Hello Anna,

    We haven’t changed the CSS in the new update. It must be WordPress updates. So, can you send me the URL where you want the author’s name to be on the right and the purple stripe on the left? Then I can check that URL for your block configuration and send you CSS.

    Regards,
    Sakin

    #308459
    Anna Apollonia
    Participant

    Hello Sakin,

    The CSS modification Tikaram sent me earlier didn’t work, it still looks like this :

    https://www.anna-apollonia.art/wp-content/uploads/2022/07/Quote-test.png

    I would like to be able to have the default quote as it used to be on every page, italic (I have to do this manually), author name on the right. And the plain style the same but with the purple vertical stripe on the left.

    Example of a page : https://www.anna-apollonia.art/wp-admin/post.php?post=8138&action=edit

    I use quotes on every page.

    Thank you.

    #308463
    Sakin
    Keymaster

    Hello Anna,
    Now, with the block editor, it’s can be changed with just settings. So, it’s difficult to debug without the exact URL. The example page link you shared here can be accessed only after login. So, I need a published page/post URL.

    Regards,
    Sakin

     

    #308507
    Anna Apollonia
    Participant

    Oh sorry, indeed.

    This one for example:

    https://www.anna-apollonia.art/2022/07/10/is-this-desire/

    #308528
    Sakin
    Keymaster

    Hello Anna,

    There goes the CSS for all. Please add the needed one on your site and let me know it.

    For purple vertical stripe on the left, add the following CSS in “Appearance => Customize => Additional CSS” box:

    .wp-block-quote {
       border-left: .25em solid #5f4b8b;
    }

    For the quote to be italic, add the following CSS in “Appearance => Customize => Additional CSS” box:

    .wp-block-quote {
       font-style: italic;
    }

    For author name to be on the right, add the following CSS in “Appearance => Customize => Additional CSS” box:

    blockquote.wp-block-quote cite {
       text-align: right;
    }

    If you don’t want quote sign, add the following CSS in “Appearance => Customize => Additional CSS” box:

    blockquote::before {
       display: none;
    }

    Regards,
    Sakin

Viewing 20 posts - 1 through 20 (of 23 total)
  • The topic ‘Quote design broken after updating to WP 6’ is closed to new replies.