Color Change and Elementor

1. I am using the oceanwp theme and the Color options in the Customizer is not showing. How do I change the theme colors now?

I just activated OceanWP and when I navigate to the Colors section in the Customizer, I see a “Syntax Highlighting Theme” dropdown as expected.

Note that if you are using the syntax_highlighting_code_block_style filter to programatically set the theme color, the Customizer setting will not be presented.

2. Is there a way to use this inside Elementor? I have tried creating a HTML block

You need to use the “Code” block from WordPress core.

Thanks for the super fast response.

View post on imgur.com

see image above. Perhaps you need to install a demo, which I did, Colors section disapears. I am not using the syntax_highlighting_code_block_style filter programatically, I dont know how to.

Hi,

Can you explain how to use the syntax_highlighting_code_block_style filter programatically. I will only be using the single theme thoughout so I can set it and forget it.

Also, it seems Elementor does not have a wordpress code widget. Is there a workaround with either an HTML or a ShortCode widget?

thank you

@rynoalberts You can find documentation for how to use this filter in the plugin’s readme: https://github.com/westonruter/syntax-highlighting-code-block/#description

For example, to use the GitHub color scheme you can add this to your custom theme’s functions.php or a custom plugin:

add_filter(
	'syntax_highlighting_code_block_style',
	function() {
		return 'github';
	}
);