[Anna Apollonia]

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

 

 

[Anna Apollonia]

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 :/

[tikaram]

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

Regards,
Tikaram

[Anna Apollonia]

Hello Tikaram,

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

[tikaram]

@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

[Sakin]

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

 

[Anna Apollonia]

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.

 

[Sakin]

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

 

[Anna Apollonia]

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 ?

[Anna Apollonia]

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

[Sakin]

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

 

[Anna Apollonia]

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.

 

[tikaram]

@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;
}

[Anna Apollonia]

Hello Tikaram,

weirdly enough it doesn’t change anything.

[Anna Apollonia]

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

[Sakin]

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

[Anna Apollonia]

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.

[Sakin]

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

 

[Anna Apollonia]

Oh sorry, indeed.

This one for example:

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

[Sakin]

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

[Author]

Posts