Style Names in Jade HTML Code

Topic Level: Advanced Web Design

Styles used in the HTML templates can be edited via the user interface. This means that you can change the look of the most important elements in a template without editing the code. Jade generates style sheets (*.CSS) and places them in the output folder.

To edit a style, select Edit > Fonts and Styles in the Web Design Editor.

Style names that are used on both category and property pages:

agency_name

agency_slogan

mainbranch_details

mainbranch_email

mainbranch_website

Style names specific to the category pages:

category_headline

category_sectionheader

category_name

category_introduction

category_crumbtrail

category_navigation

category_subcat_headline

category_subcat_name

category_subcat_introduction

category_property_caption

category_property_description

category_property_status

category_property_price

category_property_ID

category_property_factlabel

category_property_fact

Style names specific to the property pages:

property_pageheadline

property_sectionheader

property_featureheading

property_feature

property_navigation

property_crumbtrail

property_caption

property_description

property_status

property_price

property_ID

property_ImageCaption

property_RoomType

property_factlabel

property_fact

Style names specific to the search pages:

search_label

search_button

search_field

Page url: http://www.jadetools.com/jps/user_manual/HTML/index.html?stylesinhtmltemplates.htm