Last updated on

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 AppearanceCustomize
  • 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.

5 thoughts on “Using the Custom CSS and JS Editor in BoldGrid Crio

  1. 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.

    • 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.

Leave a Reply

Your email address will not be published. Required fields are marked *