Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • #275753
    Michael
    Participant

    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 !

    #275777
    Skandha
    Keymaster

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

    Kind Regards,
    Skandha

    #275878
    Michael
    Participant

    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.

    #275881
    Skandha
    Keymaster

    @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

    #275965
    Michael
    Participant

    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?

    #276130
    Skandha
    Keymaster

    @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

    #276207
    Michael
    Participant
    #276291
    Skandha
    Keymaster

    @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

    #276341
    Michael
    Participant

    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)

    #276342
    Michael
    Participant

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

    #276370
    Skandha
    Keymaster

    @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

    #276653
    Michael
    Participant
      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?

    • This reply was modified 1 month ago by Michael.
    #276821
    Skandha
    Keymaster

    @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

    #276896
    Michael
    Participant

    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?

    #277073
    Skandha
    Keymaster

    @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

    #277124
    Michael
    Participant

    AH Ok thanks for that 🙂

    #277159
    Skandha
    Keymaster

    @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

    #277260
    Michael
    Participant

    Done 🙂 A positive review, and well deserved !

    #277266
    Skandha
    Keymaster

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

    Kind Regards,
    Skandha

Viewing 19 posts - 1 through 19 (of 19 total)
  • The topic ‘How to change font/design for blockquotes please.’ is closed to new replies.