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:

    Option Description
    Static Front Page Here 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 Settings Choose how many widgets you want displayed in your header. You can also enter Custom Header HTML here.
    Footer Settings Here you can choose to turn the header on or off, set how many Footer Widget Columns, or enter Custom Footer HTML.
    Custom JS & CSS This 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!

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! 

    Thanks,

    Shaun. 

     

     

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

Leave a Reply