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.

Assigning Column and Row Spans

This tutorial will show you how to have a single column (cell) span across multiple rows or columns. We'll create a custom style rule that will target a specific column (cell) in the grid and then assign our special column and row span styling.

Creating a Custom Style Theme

While the QGM system includes 30 color presets that you can choose in the user interface for both the columns (cells) and the container, you may need to perfectly match an existing site's color theme, or you may simply want to create your own special styling. This tutorial will show you how to create a custom style theme that can you apply to the QGM grid.

 

 

 

PVII tools make Dreamweaver better.