How to use the Advanced tab in the BoldGrid Customizer

In this tutorial we will give you an overview of the Advanced tab in the BoldGrid Customizer. This tab allows you to modify many things such as the header and footer of the BoldGrid Theme you are using. You can also .

Using the Advanced tab in the BoldGrid Customizer

    1. Login to the BoldGrid Dashboard.
    2. Click the Customize link in the navigation menu.
      Customize BoldGrid site

    3. Click the Advanced tab.
      Customizer BoldGrid Advanced

    4. From there you will have several advanced options listed, click them to make changes. Below is a description of the available options:
      Static Front PageHere you can choose if you want to display a static page, or your latest posts on your front page (home page). You can also choose which Front or Posts page you want to display.
      Header SettingsChoose how many widgets you want displayed in your header. You can also enter Custom Header HTML here.
      Footer SettingsHere you can choose to turn the header on or off, set how many Footer Widget Columns, or enter Custom Footer HTML.
      Custom JS & CSSThis menu tab lets you enter Custom Theme CSS, or Custom Theme Javascript.
    5. Click the Save & Publish button, once you have made your selections.
      Saving BoldGrid Advanced tab settings

Congratulations, now you should be for familiar with the Advanced tab your BoldGrid Customizer!

John-Paul Briones

John-Paul is an Electronics Engineer that spent most of his career in IT. He has been a Technical Writer for InMotion since 2013.

More Articles by John-Paul

Thoughts on “How to use the Advanced tab in the BoldGrid Customizer

  • I am about to give up on this Boldgrid. I have followed the steps listed above. I have tried to customize the css and there is no change at all. How else can I customize the css? My styles are being overridden by the default style.css

    Does anyone know how to get this to work? Help! 





    • It is always possible that the CSS rules you are applying might be overridden or normalized by a different rule. One method you can use to get around this when editing pre-existing CSS code is to use the “!important” rule.

      For example:

      color: red !important;

      This will override other rules that may be affecting the element you are trying to adjust.

Was this article helpful? Let us know!