Code block area cannot adjust font size

[i2i8]

I added the following style at General->Additional CSS, I want to change the size of the font area of the code block, but found that it has no effect, please help me…

/* block code viwer */
.wp-block-code{
    color:#FF007F!important;
    font-size:16px!important;
    background-color: #101020!important;
    border-radius:5px!important;
    border:1px solid #333ccc!important;
}

• This topic was modified 4 years ago by i2i8.

[i2i8]

By the way, if I want to change the font of this code block, how do I change it?

[i2i8]

This reply has been marked as private.

[i2i8]

This reply has been marked as private.

[Zex]

Hello,

As for the code block… the next codes should work:

/* block code viewer */
.wp-block-code{
    background-color: #101020!important;
    border-radius:5px!important;
    border:1px solid #333ccc!important;
}
.wp-block-code code{
    font-size:16px!important;
    font-family:  'PingFang SC',Verdana,Helvetica Neue,'Microsoft Yahei','Hiragino Sans GB','Microsoft Sans Serif','WenQuanYi Micro Hei',sans-serif;
    color:#f92672!important;
}

Change the font-family per your needs.

Regards

[Zex]

This reply has been marked as private.

[Author]

Posts