Fonts

Hi, I also am using the Cressida theme and have a question about fonts as well.

I am trying to bold the font within the post editor. However, when I do this and update the post, it does not appear to be bolded when I view the published post. I tried using the HTML editor and using the codes both “b” and “strong” correctly but that still did not work. I tried underlining in HTML and that did work! So I’m wondering if there is something within the coding of the theme that is preventing the text to be bolded?

Any help would be appreciated! thank you!

• This reply was modified 4 years, 3 months ago by amandamorelli3.
• This reply was modified 4 years, 3 months ago by amandamorelli3.

Hi @kaitlynko,

I am so sorry for the delay on this. I honestly don’t know how we missed this until now, but thank you for your patience.

You can add this CSS under Appearance > Customize > Additional CSS to change the fonts, feel free to adjust it as necessary:

h1, h2, h3, h4, h5, h6 {
	font-family: "Montserrat Hairline", sans-serif;
}
label {
	font-family: "Lato", sans-serif;
}
input[type="submit"], input[type="reset"] {
	font-family: "Lato", sans-serif;
}
.logo .tagline {
	font-family: "Lato", sans-serif;
}
.entry-read-more {
	font-family: "Lato", sans-serif;
}
.comment-form input[type="submit"] {
	font-family: "Lato", sans-serif;
}
.box-caption a.btn {
	font-family: "Lato", sans-serif;
}
.frontpage-featured-posts .entry-featured-thumb .featured-promote-box .promote-box-more {
	font-family: "Lato", sans-serif;
}
.sidebar-widgets .recent-posts-widget-with-thumbnails .rpwwt-post-title {
	font-family: "Montserrat Hairline", sans-serif;
}
.widget-area-frontpage-hero .recent-posts-widget-with-thumbnails .rpwwt-post-title {
	font-family: "Montserrat Hairline", sans-serif;
}
.widget-area-frontpage-hero .recent-posts-widget-with-thumbnails .rpwwt-post-excerpt a {
	font-family: "Lato", sans-serif;
}

@amandamorelli3, could I ask a favor? Would you mind posting your question in a separate topic here, with a link to the post that you’re having trouble with? Thanks so much!

Hi,

So sorry, but I actually have another question regarding the fonts. The text in the pages and posts seem to be quite small, and I was wondering if there’s any way to change the font size?

Thank you,
Kaitlyn

Hi Kaitlyn,

Good question! You can add this CSS under Appearance > Customize > Additional CSS to increase the base font size in your post and page content from 14px to 16px (and you can change the 16px to whatever you like):

.entry-content {
    font-size: 16px;
}

Let us know if you need anything else!

Thank you for your help! Since the text is getting bigger, I was wondering if there was a way to make the space between each line bigger as well?

Sure thing! You can add line-height to that CSS to control the spacing, like this:

.entry-content {
    font-size: 16px;
    line-height: 24px;
}

Looking good by the way, really nice work. Let us know if you need anything else!

Thank you so much!