Changing Quote Style on EssensePro Theme

[leoleoso]

Hi, how can I change the quote style on the CSS file?

The class that I see on the CSS is ".blockquote"
but it seems that when I create the block on WordPress, the quote block is using the class ".wp-block-quote blockquote"

So, some random font appears....

You can see it at the end of this example: https://justsoantsy.com/three-is-way-better-way-to-show-example/

Do any of you know by any chance? Thanks!

https://justsoantsy.com/three-is-way-better-way-to-show-example/

[AnitaC]

That page keeps crashing in Firefox. And it seems it's crashing pertaining to AMP.

---

Need help with customization or troubleshooting? Reach out to me.

[leoleoso]

Thank you! Yes 🙁 trying to figure out how to solve for it. It's happening with all the posts.

[Walter Lopez]

Hello leoleoso,
You may need to update the css located in /essence-pro/lib/gutenberg/front-end.css. The class is wp-block-quote.

---

Website: wpallied.com | Twitter: @lopwalj

[leoleoso]

Here is an screenshot in the mean time:
https://drive.google.com/file/d/1sXhLjbQE-RSsp6LYGVG9Y4K7D7kQpkKQ/view?usp=sharing

[leoleoso]

Thank you, Walter! That worked.
This might be a very silly question (designer here learning to play with CSS) but, I ever update this theme, do I have to worry about this reverting and losing all these modifications?

[Walter Lopez]

Well, in theory yes.
If you update the theme (manually) then you will lose the modifications. Just keep in mind that StudioPress child themes don't update automatically.

---

Website: wpallied.com | Twitter: @lopwalj

[leoleoso]

Oh boy! That's not good. Is that why people have a child CSS file?
What solution would you recommend?

[Walter Lopez]

In this case, you are using a child theme (what you call a child CSS file) so this is not an option.

If the changes are small, I would suggest adding the css in the Custom CSS section in the customizer.

If you need to make a considerable amount of changes, then Design Palette Pro is a good option.

---

Website: wpallied.com | Twitter: @lopwalj

[leoleoso]

So literally all the changes that I have been making to justsoanty.com, to look the way it does were by editing the CSS file. Do I now need to identify all these changes and move them to the Custom CSS section?

How do I install Design Palette Pro?

[Walter Lopez]

Not necessarily. StudioPress don't update the child themes often. The last ones I have seen are converting them to the Gutenberg editor. Most of the updates are done to the Genesis framework so I would say you are good.

Just remember that if you ever need to update the child theme, then yes, you will need to port over the changes you made.

---

Website: wpallied.com | Twitter: @lopwalj

[Author]

Posts