To change these values, you’ll need to open your child themes functions.php file using a text editor like Notepad++. If you go to Appearance > Header in your WordPress dashboard, you’ll see these values for the custom header: 320 x 65 pixels. Features: One-click syntax highlighting Automatic language detection (or choose it yourself) Lots of color themes Format code inline or as blocks (1x1. Simply select some text, click the 'Format' button, and it will be formatted with the color theme of your choice. There’s 6 small code blocks which need to be modified in your child themes files.ĥ of these code blocks are CSS in your style.css file and the other is PHP in your functions.php file. Code Blocks makes it easy to put your code into Google Docs. The new version makes the job so much easier in line with with many other themes StudioPress have released.

I’ll be using the new Eleven40 Pro theme for this tutorial as the previous version required a fair amount of code editing if you wanted to add your own logo or change the header image sizes. The new logo size for this demo will be 420 width by 165px height replacing the default which was 320 x 65. In this tutorial, i’ll show you which code needs to be changed so your logo image and header right widget displays your images perfectly. When it comes to adding a logo or header image, you may need to modify the code to get it looking perfect. The only difference in many of the themes when it relates to header images and site title area’s are the values. If you set the inlineCodeMarker, then you can also specify a format style. After changing the theme, you may notice that the insertion bar become hard to see if you use a dark background. All the themes that you imported will be available under the color theme drop list.

Go to Settings > Editor > Syntax highlighting. All StudioPress child themes are different yet many use the same functions and CSS code. In addition to fenced code blocks, inline code blocks will be passed through PrismJS as well. Can I change code blocks theme Open Code::Block.

Code blocks change theme