BoldGrid Crio allows you to change the style and function of elements used on your website using CSS or JS. This guide will show you how to use those Advanced tools within the Customizer for adding them without having to use a child theme.
- In the Dashboard navigate to Appearance → Customize
- In the Customizer menu navigate to CSS/JS Editor
- Enter your custom code
- Click the Publish button to save your changes
Congratulations! You now know how to add custom CSS and JS to enhance your website even further.
200+ Design Templates + 1 Kick-ass SuperTheme
6 WordPress Plugins + 2 Essential Services
Everything you need to build and manage WordPress websites in one Central place.
5 thoughts on “Using the Custom CSS and JS Editor in BoldGrid Crio”
I cannot get anything I put in the CSS editor (as is instructed here) to work, or even to show in the Chrome inspector. It’s as if the custom CSS is being totally ignored/not loaded. Something as simple as resizing the logo – this works in the UI in Appearance > Customize – logo immediately changes size – but once it’s published and tested in browser, the logo size remains stubbornly hard-coded in html (why?) and the custom CSS in question is nowhere to be seen in the inspector. I could understand it perhaps being unable to override the hard-coded width and height html tags (again, why?), but the fact that the custom styles from the CSS editor don’t even show in the cascade is baffling… I thought this would be simpler than the rigamarole of creating a child theme and enqueueing scripts and styles – I was wrong. This theme has fought me in every conceivable way, of which this is just one.
To be clear, browser cache is disabled.
Sorry to hear you are having trouble designing your Crio site, would you please create a post in our forums with your website URL so we can further assist?
Hello, can I create a child theme for crio? Doesn`t seem to work.
If you’re looking for the ability to easily add functions like you would in a child theme’s functions.php, I highly recommend checking out the Code Snippets plugin.
Great! Thanks for your prompt reply. Looking forward to the how-to!