Change blog post title and content font size, as well as image size

Illdy
1

Hello,

How can I change the font and font size of the Blog title and post? Right now it’s extremely small. Site Offline

Can I also change the size of the image to be smaller (width wise)?

Thanks!
Pam

2

Hi There,

You can change the headers font styles and size using the following custom CSS.


.bottom-header.blog h2{
    font-size:10em !important; 
   font-family: "Lato";
   }

Hope this helps.

3

Thank you for the quick response!

That doesn’t seem to work. The post font size is still very small. Can I change the font AND font size of both the blog post title and body?

Also, can you help me with the other question as well - can I change the size of the image to be smaller (width wise)?

Thanks again,
Pam

4

Hey there

Actually code is working right now, please clear cache and check again :slight_smile:

Not sure why you want to change image sizes but this code can help:

#blog .blog-post .blog-post-image img {
width: 85%;
}

5

Thank you.

Regarding the font size, I don’t think we’re talking about the same thing. Let me try again to clarify my question.

  1. The word “Blog” at the top of the page (header).
    This is what changes with the code you gave me. Why doesn’t this match the headers on the other pages? If it won’t do it automatically, how can I make it match?

  2. The title of each individual blog POST.
    How can I change the font type, font size, and font color of this item?

  3. The copy/body of each individual blog POST.
    How can I change the font type, font size, and font color of this item?

Thank you!
Pam

6

Hello Pam

1.2. they don’t match because of they re different element, this is updated code:

#header .bottom-header h1, .bottom-header.blog h2{
font-size:10em !important;
font-family: “Lato”;
}

  1. this is default CSS code of body text style, change it whatever you wish it to be:

p {
color: #000000;
font-family: ‘Helvetica’;
font-size: 10px;
font-style: normal;
font-weight: 400;
}