[Michael]

How can I change:
1. the font and font size used for the block quotes please. (The current one is to heavy and large).
2. the location of the quote symbol which appears at the start of a quote to the LHS (like Clean Enterprise theme) rather than the current central location.
3. the size of that quote symbol?
4. the colour of that quote symbol?

Your assistance with this would be greatly appreciated !

[Skandha]

@landyvlad: Hello there,
Can you please let me know on which page you have used block quotes?

Kind Regards,
Skandha

[Michael]

Sure here’s an example page https://www.gayundah.info/?page_id=374

You’ll note that the quotes at the top of the page are using the Alchemist Pro style,

those toward the bottom of the page though, for some unknown reason, have retained the blockquote style from the previous (Adventurous Pro) theme.

[Skandha]

@landyvlad: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

blockquote::before {
    left: 0% !important;
    color: #f23456 !important;
    font-size: 60px !important;
    font-family: Arial !important;
}

You can change the color, font and font size according to your choice.
Let me know if this works out!
Kind Regards,
Skandha

[Michael]

That has taken care of 2, 3, 4 thanks.

How do I change the font, font size, font colour, alignment etc of the text itself?

[Skandha]

@landyvlad: Hello there,
Your site doesn’t seem to be accessible. Can you please let me know when your site is accessible?

Kind Regards,
Skandha

[Michael]

Shoudl work
Try https://www.gayundah.info/reception-in-brisbane/

[Skandha]

@landyvlad: Hello there,
To change the font, font size, color and alignment of block quote text
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

blockquote {
    font-size: 35px;
    font-family: Lato;
    color: #f23456;
    text-align: left;
}

You can change the color, font,font size and alignment according to your choice.
Let me know if this works out!
Kind Regards,
Skandha

[Michael]

Great – thank you.
How do I ensure a font is available for use – i.e. how do I install one to the website?
(I have a cpanel account)

[Michael]

and can I change the weight of the blockquote font (eg normal, bold, italic)

[Skandha]

@landyvlad: Hello there,
You can check out the font available in the them by going to
Appearance => Customize => Theme Options => Font Family Options => You can see the available fonts in the list.
Let me know which font you would like to use.

To change the weight of blockquote icon.
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

blockquote::before {
     font-weight: bolder;
}

Let me know if this works out!
Kind Regards,
Skandha

[Michael]

Font

Let’s say I wanted to use a font not included in that list.
For the sake of an example let’s say Futura, how would I add that?

Indent

How can I indent the text in blockquote elements?
I’d like to align it to the left + (indent x pixels to the right) if that makes sense.

CSS changes in my theme ‘additional CSS’ for are (as per previous responses above) are:

blockquote::before {
left: 0%;
color: #000000;
font-size: 40px;
font-family: Arial;
}
blockquote {
font-size: 20px;
font-family: Georgia;
color: #000000;
text-align: left;
}

The first portion is for the quotation mark itself.
The 2nd is for the block text so I assume it’s here I’d need to add something?

[Skandha]

@landyvlad: Hello there,
To add a font you will need to either find a custom font plugin from the WordPress Plugin Repository or create a child theme and then enqueue the font files manually.

To indent the block quote text
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.wp-block-quote p {
    margin-left: 25px;
}

Let me know if this works out!
Kind Regards,
Skandha

[Michael]

Thanks. Why would that margin info not just go into the existing blockquote code like this:

blockquote {
font-size: 20px;
font-family: Georgia;
color: #000000;
text-align: left;
margin-left: 25px;
}

would that work?

[Skandha]

@landyvlad: Hello there,
Because the text in the block quote is inside a <p> tag. So in order to indent the text we will need to have the margin to the left of the text which is .wp-block-quote p or blockquote p.

Let me know if this clears your doubt.
Kind Regards,
Skandha

[Michael]

AH Ok thanks for that 🙂

[Skandha]

@landyvlad: Hello there, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/alchemist/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely
appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

Kind Regards,
Skandha

[Michael]

Done 🙂 A positive review, and well deserved !

[Skandha]

@landyvlad: Thank you for your wonderful review. Let me know if you come across anymore issues. Have a great weekend! 🙂

Kind Regards,
Skandha

[Author]

Posts