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.
Using the Browser Inspector With Custom CSS
Custom CSS is a powerful tool, you can zero in on specific elements of your site to make unique additions and changes to your design. If you aren’t sure where to begin, check out the video below to help you get started.
SIGNUP FOR
BOLDGRID CENTRAL
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.
Halfacre says:
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.
BoldGrid says:
Hello,
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?
Thanks,
Nicole
Philip says:
Hello, can I create a child theme for crio? Doesn`t seem to work.
Jesse says:
Hi Philip-
Crio is designed to be fully customizable without the use of a Child theme, using the Custom CSS and Custom JavaScript sections of the Customizer. It’s not straightforward to create a child theme, because Crio is already technically a child theme of the Prime BoldGrid Theme Framework. Our developers are doing some research and we’ll be coming out with a how-to guide shortly in the future for details of creating a child theme.
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.
Philipp says:
Great! Thanks for your prompt reply. Looking forward to the how-to!