LIVE CSS Bootstrap Editor

KB14466


Your site is built around the Bootstrap v3.3 framework to be entirely compatible with mobile and all screen sizes. We use a template theme as our base CSS.

There may be a requirement that we need to customise this base CSS theme. To do this we use the LIVE bootstrap editor. Set Edit CSS to Yes to activate. This will enable us to use and edit a seperate CSS file. A quick preview window is presented and a CSS editor is enabled. When edits are complete click Create CSS file. As these changes effect the design wrapper of your website we will need to click Refresh.

The themes available for customisation are shown below.

lightbox

LIVE Bootstrap Editor in-active mode. Uses the preset CSS.

lightbox

Bootstrap editor active. Enter and edit the preset CSS on the left which will immediatly affect the LIVE preview window on the right. Once changes are complete click Create CSS file to create a new CSS file based on your edits. To finalise click Refresh to refresh the template shell and commit your changes to the live site.

lightbox


Updated on: 13/09/2015 11:56:04

How Helpful was this article
1 Votes Cast