How do I reduce font size of the posts in 2 columns in main and category page?

Activello
1

Hi colorlib,

Thanks for providing such an awesome theme.
I am using “Activello” and child theme.
I changed the font size and style of the entry title and body on the single post page (each article page) only for PC site,
with adding CSS below;


.entry-title,
.entry-title a {
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 1.3;
    font-family: Noto Sans Japanese , Helvetica , "Hiragino Kaku Gothic Pro" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
.read-more a,
.entry-meta a,
.entry-summary a {
    font-family: Noto Sans Japanese !important;
}
#secondary .widget .post-content a {
    font-style: normal;
    font-family: Noto Sans Japanese , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
    font-size: 13px ;
}
#page .entry-content * {
    font-size: 16px;
font-family: "noto sans japanese" , Hiragino Mincho ProN , Helvetica , "メイリオ" , Meiryo , "MS PGothic" , sans-serif;
}

It worked well, but It also changed the font size of the entry title and body on main & category page.
The first 2 posts are OK, but the following posts in 2 columns are too bigger than I wanted.
I want to keep this setting only for single post page and the first 2 posts appearing on the main page.
How do I reduce the size of entry title and body of the posts in 2 columns in main & category page?

It would be helpful for me if you would answer my question.

Thank you in advance
Risa

2

Hi there

Hope you are having a good day and thank you for your question :slight_smile:
In order to check your question i need to see your live website, please provide url and i will take a look

3

sorry, I forgot to attach my url.

thanks,
risa

4

Hello,

I hope you are doing well today.

You can use the following CSS code to change the font sizes by going to Appearance > Customize > Additional CSS and pasting it there.


.post-inner-content .entry-title a {
    font-size: 20px;
}

.post-inner-content, #page .entry-content * {
    font-size: 13px;
}

Best Regards,
Support

5

Thank you for your reply.
I pasted the code you provided on Additional CSS area.
But it dosen’t work well.
The code reduces the font size of body on single post page.(It’s not the result i expected)
Would you please show me any other solution for this?

Thank you in advance
Risa

6

Hello Risa

try this code, it will work only one the homepage:

.home .entry-header .entry-title a {
font-size: 20px;
}
.home .entry-content p {
font-size: 13px !important;
}

7

Hi Noda

thank you for your quick response.
the code you provided works partially…
I’d like to
– enlarge the entry title of the first 2 posts appeared on the main page ( from 20px to 28px).
– reduce the line-height of the entry title from the current settings to 1.3em.
– reduce the size of entry title and body of the posts in the ‘works’ category page, same as the main page.

thank you in advance,
Risa

8

I failed to attach the image.
I’ll retry to do it.

9

Hello,

Please try this:


article#post-3674 a, article#post-3648 a {
    font-size: 28px;
}

.home .entry-header .entry-title a {
    line-height: 1.3em !important;
}

body.category-works .entry-title a {
    font-size: 20px;
}

body.category-works .entry-content p {
    font-size: 16px !important;
}

The line height was already set to 1.3em

Best Regards,
Support