Shop Categories

X

Code block area cannot adjust font size

Home Forums Agama Pro Code block area cannot adjust font size

  • This topic has 5 replies, 2 voices, and was last updated 4 years ago by Zex.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #14494
    i2i8
    Participant

    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.
    #14496
    i2i8
    Participant

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

    #14498
    i2i8
    Participant
    This reply has been marked as private.
    #14500
    i2i8
    Participant
    This reply has been marked as private.
    #14505
    Zex
    Moderator

    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

    #14515
    Zex
    Moderator
    This reply has been marked as private.
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.