How do I change phpmyadmin font size for sql query box?

Tags: php,css,phpmyadmin,themes

Problem :

I'm using phpmyadmin 5.5.42

If i click on the SQL tab, or if i click on a database > table name and look at the SQL query it is written in a courier-like font at a far smaller size than the surrounding text. Similarly if I click edit inline, the font size is very small.

I'm trying to make a course using screenshots etc, so making the SQL query as large as possible is really important. I know how to make the font as a whole bigger, either through my browser or in phpmyadmin, but that doesn't help as the problem is the relative size of the SQL text and the surrounding text.

I've found this: Increase font size of SQL query box

I don't have a theme_right.css.php in my phpmyadmin > themes > originals > css folder. The likeliest candidate is common.css.php but changing stuff here has had no effect at all. There is also printview.css and navigation.css.php which i haven't tried but don't seem likely.

My text editor suggests my page is actually using phpmyadmin > phpmyadmin.css.php but this has no CSS in it, just a load of php pulling in other files and presumably talking to the database.

Does anyone know how to modify the appearance of SQL query in the Browse and SQL tabs in phpmyadmin 5.5.42?

Thanks Emma

Solution :

Try add font-size for

.CodeMirror pre
.CodeMirror textarea

directly in phpmyadmin.css.php, after "?>"

    CSS Howto..

    how to put html inside php code [closed]

    How a css selector is applied when reffering to multiple classes, ids, or elements?

    How can I give a settimeout to a div on first click but not on second click?

    How to Center Logo in Responsive Header [closed]

    How to change font size of the first option tag in a dropdown menu (select)?

    How to stop DIVS from colliding when page resized (footer)?

    How can I make a Div that stays on its position?

    How do I make my text disappear when I hover over my div?

    How to fix internet explorer 9 overflow with form elements displayed in a list and “display:table”-based layout

    How do you stretch header, content & footer color across a page with everything being centered in a fixed width?

    How do I make this nested div to show up on top right corner and make text wrap around it?

    How to identify device to make separate css for iPad and Galaxy Tab?

    How to make space between menu items in CSS/HTML

    How to create a zig zag banner with css

    How to use form-inline bootstrap 3?

    how to position div with css and force text to wrap around

    how to load external div into a master.html div from a number of submenu items

    show image in aspect ratio and all image size same height and width

    How can I create a nav bar with a repeat image inside?

    How to change class of valid form field - jQuery form validation plugin

    How to Show Menu after full size window in responsive Design

    How do I get rid of this little green box on my HTML/CSS page [closed]

    How to Update Visual Studio's “Cascading Style Sheet Version for Validation”

    How to use :hover css when mouse is down

    How to add Video from project directory in the background of Div

    How do I make a popup contact form exit when clicking the external background div?

    how to replace entire css text with another?

    How to display just part of image on hover?

    How to make a ghost element in CSS?

    How to select an element that must have more than one css class?