BJ VENUS – JOOMLA TEMPLATE – MODULE CLASS SUFFIX AND CLASS CSS MANUAL 

BJ VENUS – JOOMLA TEMPLATE – MODULE CLASS SUFFIX AND CLASS CSS MANUAL

Module parameters can be combined for customization to fit your demand:

Example: “bjmod-style-1 bjmod-color-blue bjmod-corner-top typo-download”

Modules’ default color is the color of the default template.

1. MODULES STYLE:

bjmod-style-4

(one color for all template styles or colors)

2. MODULE COLORS:

bjmod-color-blue                                                    bjmod-color-green

bjmod-color-green                                                   bjmod-color-purple

bjmod-color-red                                                    bjmod-color-orange

3. MODULE TYPOGRAPHY:

Use normal typography configuration (See 5.2)

4. MODULE CORNER:

5. TYPOGRAPHY:

5.1. There are 2 ways for configuration of typography:

Method 1: method 1 is applied for a paragraph of which, the typo icon is always on the left of the paragraph

– <p class=”typo-xxx”><span class=”icon”> </span> Content here </p>

Method 2: used when you want the typo icons appear inline

– <span class=”typo-xxx”></span>

5.2. In typography configuration, “xxx” can be:

typo-home	typo-plus	typo-minus	typo-plus2
typo-minus2	typo-delete	typo-accept	typo-warning
typo-heart	typo-mail	typo-star	typo-thumbup
typo-thumbdown	typo-down	typo-up	typo-sticker
typo-zoom	typo-refresh	typo-earth	typo-key
typo-lock	typo-rss	typo-folder	typo-calendar
typo-calendar	typo-pencil	typo-cart	typo-recycle
typo-dialog	typo-download	typo-user	typo-user2

6. OTHER CONFIGURATION

Configuration of dialog textbox 1:

<div class=“venus-textbox-1″>

<div class=“title–blue”>BOX TITLE</div> Content goes here

</div>

(Blue color can be replaced by: green, brown, orange, purple, red)

Configuration of dialog textbox 2:

<div class=“venus-textbox-2″>

<div class=“blue”>Content goes here</div>

</div>

(Blue color can be replaced by: green, brown, orange, purple, red)

Configuration of list-style number:

<p class=“venus-number-square”>

<span>01</span> This is a sample block number

</p>

<p class=“venus-number-round”>

<span>01</span> This is a sample block number

</p>

Configuration of buttons:

(Blue color can be replaced by: green, brown, orange, purple, red)

See more Typography configuration from our blog @ byjoomla.com/wall