Guide to change the font size for inline code

[westerdaled]

I want to increase the font size to the value shown in image highlight from the default 1em. However, I don't seem to acheive this when setting similar values in the Enlighter customizer base theme settings. Is there another setting I should adjust ?

[AndiDittrich]

to change the font-sizes of different views independently you've to match the views:

.enlighter-v-standard .enlighter span{
  font-size: 1.1rem;
}

.enlighter-v-inline .enlighter span{
  font-size: 1.3rem;
}

[westerdaled]

Hi Andi

Thanks for you reply. I think you are referring to adding your classes to each inline code block. If I want to make these changes globally, would I need to enter the font size values somewhere in the Enlighter customizer base theme settings. Alternatively, do I simply add your classes to the my theme -> Customising -> Additional CSS. The current styles are listed below:

.codeAgain {
    padding: 12px 12px 12px !important;
}
.enlighter-default {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    max-height: 620px;
    overflow: auto;
} 

[westerdaled]

Ok, I have now added your styles to my theme -> Customising -> Additional CSS. I think that has done the job. I might change the default gray background to Monoka background, but it is getting there.