Scroll To Top

Enter a query to search our site. Note that you can use "*" and "?" as wildcards. Enclosing more than one word in double quotes ("CSS Layout") will search for the exact phrase.

Quick Grid Magic -Tutorials CSS Grid Builder for Dreamweaver

Buy Now | QGM Home | User Guide

While Quick Grid Magic already includes the interface options to set most of the usual styling and display attributes, QGM also includes support for customization and advanced styling. This allows you the full freedom to customize individual elements beyond the options in the interface.

Custom Styling Best Practices

Any customization style rules are best kept in a separate CSS file so they can be more efficiently managed. We suggest creating a new CSS file and naming the file p7QGM-user.css and placing it inside your p7qgm folder. Link the file in your document head so that it comes after the default Quick Grid Magic CSS file link:

<link href="../p7qgm/p7QGM-01.css" rel="stylesheet" type="text/css" media="all">

<link href="../p7qgm/p7QGM-user.css" rel="stylesheet" type="text/css" media="all">


The following tutorials are available:

Styling one or more columns differently

The User Class option provides a handy way to assign styling to one or more columns. This tutorial will show you how to handle exception styling; where the grid has been assigned a Column Color Scheme and you wish to style one or more columns differently.


Creating a custom style theme

Coming soon...


Using the included User Class utilities

Coming soon...




PVII tools make Dreamweaver better.