Using the Style Manager
The Style Manager is a central place to add, edit or remove CSS style definitions for the entire website.
If you update a style in the Style Manager then all objects that use that style will automatically be updated.
There are 6 standard heading styles (H1, H2, H3, H4, H5, H6), which should be used for text headers only to optimize your website for SEO. Other styles can be used for objects like form elements and tables.
When you add a new style then all attributes of the style will be empty. This means that default the browser's default values will be used. To change the value on an attrribute simply click the property and modfiy the value. Only the atrributes you give a value will be included in the CSS style definition. You do not have to specify values for all attributes.
It's also possible to add custom style attributes. You may have noticed that we did this for the header styles (CustomStyle is display: inline), to make sure it is displayed correct in all browsers.
Custom attributes will not be recognized by Quick 'n Easy Web Builder, but they will be applied in preview or the published page.
This option makes it possible to import styles from an external style sheet (CSS).
This option makes it possible to export styles to an external style sheet (CSS). This can be useful to export/import styles to another project.
Using styles on Text
To apply a style to the selected text, simply select one of the previously created styles from the style menu.
Using styles on other objects
Most standard HTML objects (like the Marquee, Editbox, TextArea, Combobox, Buttons) do have a Style tab in their properties. The predefined style will overwrite the object's standard style settings, so you can no longer change those.
- Not all style attributes apply to all objects! For example margins and padding are currently ignored by most objects. These attributes were only added to fix browser incompatibility issues for header styles.
· Header styles (H1, H2 ...) can only be applied to text.
What is the different between a CSS "class" and "style"?
In Quick 'n Easy Web Builder, there are 2 different style types:
• Headings (h1, h2 ..), these are used for text only.
• Regular styles, which are used for all other objects.
In HTML, a regular style is referred to as a "class". Headings are tags selectors.
So, heading styles will generate the following code:
And regular styles will output: