[Theme: Mon Cahier] Changing Block Quote font

Hi, Christine! Unfortunately, since I can’t successfully alter the blockquote font from Reenie Beanie, I’ve had to forgo use of block quotes on the site — it’s just not practical for our purposes.

If you can tell me how to easily change this within the theme, however, I can start using blockquotes, which would be fantastic!

What you had was perfectly fine, so I’m not sure why it didn’t work.

I see that you are using a custom menu on your site. Why don’t you create a page, add a blockquote, but don’t add it to your menu. Send me the link and I’ll check it out.

Post is here:

https://thewinnower.com/christine-b-quote/

password is

apple

Thank you for checking this out!

When I view the source it says that line 161 is set to reenie:

blockquote {
	margin: 0 1.5em;
	font-family: ‘reenie’,cursive;
	font-size: 30px;
	font-size: 3.2rem;
	line-height: 1.8;
}

can you try changing it to font-family:times, serif;

Let’s see what that does.

I’m really stumped, here. Looking at line 161 in the source for the page this post is on shows me

<p style="clear: both;" class="subscribe-to-comments"><input type="checkbox" name="comment_mail_notify" id="comment_mail_notify" value="comment_mail_notify" checked="checked" style="width: auto;" /><label for="comment_mail_notify"> Notify me of follow-up comments <strong>to my comment</strong> via e-mail</label></p> </form>

I’ve done a complete search of my (active, I checked) child theme’s style sheet, and the only blockquote option I appear to have is

blockquote {
	margin: 0 1.5em;
	font-family: 'times', serif;
	font-size: 10.5px;
	font-size: 3.2rem;
	line-height: 1.8;

I honestly cannot figure out what I am doing wrong. Thanks for giving it a shot, Christine!

I think it might be a caching issue. I was using Chrome and couldn’t see the style changes either, but I just opened FF and I can see the blockquote now in Times New Roman.

Just as an FYI, when making a child theme, you should include the original theme styles.css with the @import and then, you just have the changes that you’ve made in your child theme. So in your case, you would have something like:

/*
Theme Name:     Winnower Child
Description:    Child Theme For The Winnower
Author:         Eve Batey
Template:       mon-cahier
*/

@import url("../mon-cahier/style.css");

#blockquote {
    font-family: 'times', serif;
}

I know that you made lots more changes than that, so there’s no need to change anything, but just in case you need to make another child one day. ??

This is great advice, for my next child. Thanks for your patient explanation — as a longtime Movable Type user, entering this WordPress world has been a huge learning experience. I really appreciate all your help getting me where I need to be!