Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Is it possible to change the font size of the code block? #304

Closed
kk-min opened this issue Dec 2, 2022 · 2 comments
Closed

Is it possible to change the font size of the code block? #304

kk-min opened this issue Dec 2, 2022 · 2 comments

Comments

@kk-min
Copy link

kk-min commented Dec 2, 2022

In my website, I used CSS and media query to change the font-size inside the code blocks depending on the screen size. After integrating code hike, I realized that this doesn't work, presumably because code-hike overrides the css styles.

This is especially important for smaller screens where I want the code to fit the width without creating a horizontal scroll bar as it makes the reading experience bad. Is there a way to do this that I am not aware of, or is it currently not supported?

@slightlybelowzen
Copy link

slightlybelowzen commented Feb 5, 2023

You could probably add a custom-ch.css file and specify the media query rule, take a look at this example. You probably want to add the rule for the .ch-editor-frame and specify your media query and desired font-size.

@pomber
Copy link
Contributor

pomber commented May 3, 2023

You should be able to do it with CSS. I'll close this for now, reopen it if it's still not working, and share your CSS.

@pomber pomber closed this as completed May 3, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants