Changing font and colors

  • Unknown's avatar
    horizonfamilysolutions · Member ·

    I have an advice column … and I want the answers to be a different font and color … otherwise it all runs together. Adding the responses to the feedback at the bottom is not proving to be efficient. Testers want to see the responses on top and leave the feedback for them.

    How do I change the font and color for the responses so it is different from the question?

    https://askdrdore.wordpress.com/wp-admin/post.php?post=21&action=edit

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    shawnajroberts · Member ·

    Hi there!

    I would suggest giving all of your responses a particular id, like “response” or “advice-response”. You’ll need to do this in the HTML editor. For example, here’s what the response from that link looks like in the HTML editor (shortened since the actual content doesn’t matter here):

    <blockquote><em>Dear Tracy~</em>

<em>Being a child...</em>

<em>Tell your dad...</em>

<em>Dr. Doré</em></blockquote>

    What you’ll want to do is change that first

    to be this:

    <blockquote id="response>

    Then, in your Customizer, open the CSS pane and add this code:

    #response {
color: darkgray;
}

    You can update that color to be whatever color it is you want to use. You can either use the CSS default colors or use a hexadecimal color.

    Named Colors and Hex Equivalents

    You can also change the font using font-family, but I’d suggest sticking with the italics and a color change. Using too many fonts can be jarring for readers.

    font-family

    Let me know if you have any more questions!

  • The topic ‘Changing font and colors’ is closed to new replies.