Changing font size within paragraph

  • I am not sure how to accomplish the following:

    “Here is a quote, which I want in text size medium”
    – Here is the name of the author, which I want in a smaller font

    In the modern word of Blocks there is a huge space if I make the author line a separate paragraph.

    If I put in a br so the author line is close to the quote I cannot change the font size of the author line.

    Is there some sort of “span” coding I can do to make the author line a smaller font?

    Or if it is possible to add some sort of code to remove the space between paragraphs for just that one instance, that would work too.

    In fact, I would love to know to put REDUCE space between blocks for just one instance in a page or post.

    Thanks!

    • This topic was modified 3 years, 5 months ago by tspnyc.
Viewing 3 replies - 1 through 3 (of 3 total)

  • Here’s the full HTML markup of the quote block:

    <blockquote class="wp-block-quote is-style-default">
<p>Here is a quote, which I want in text size medium</p>
<cite>Quote Author</cite>
</blockquote>

    So it should be easy to target and style the two items in the quote block independently using custom CSS, like this:

    .wp-block-quote p {
font-size: 22px;
}
    .wp-block-quote cite {
font-size: 14px;
}

    Note that your theme may have a more specific style that may override the above code. So if the above code doesn’t work for you, I’ll need to see your actual page before I can give you code that’s guaranteed to work on your site.

    Thread Starter tspnyc

    (@tspnyc)

    Thank you. I did not know about the quote block.

    I have not tried your font change, because I do not understand WHERE to put the code you shared with me.

    Also, unfortunately, there is some default theme code that is putting too much space between the quote and the source name.

    And the source name is in italics by default and I cannot make that go away.

    Any idea how I might override that spacing or itlaics?

    Here is the actual page

    https://www.copywritertsp.com/

    Thanks for the update.

    I have not tried your font change, because I do not understand WHERE to put the code you shared with me.

    That should go into APPEARANCE => CUSTOMIZE => ADDITIONAL CSS. But please use the new code below, considering the additional information you provided. And be sure to click PUBLISH to save the code ??

    For the quotation:

    .wp-block-quote p {
font-size: 22px;
margin-bottom: 0px;
}

    And for the source name:

    .wp-block-quote cite {
font-size: 14px;
font-style: normal;
}

    Feel free to change the font-size values as desired. Also, if you want to leave a little space below the quote, you can change the margin-bottom value from zero to any positive integer.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Changing font size within paragraph’ is closed to new replies.