section_test

そのまま 

#section(bgcolor=#6C7A89,color=#ffffff,class=hogehoge){{
テスト
// bgcolor に背景の色、color に文字の色を指定します。
 
* ここに見出し
強調したい内容などを書く
 
}}

テスト

ここに見出し

強調したい内容などを書く


class指定の簡単な例

sectionでは"class=hogehoge"とし、その前に次のようなhtmlプラグインでスタイルを設定。font-sizeはタグの構成上、全く無効のようですが、paddingはhogehogeの設定が効いているようです。

#html{{
<style>
 .hogehoge{
    font-size:50%;
    padding: 20px;
}
</style>
}}

テスト

ここに見出し

強調したい内容などを書く


この時、sectionプラグインは以下の様なHTMLになっていました。

<section id="qhm_section_2" class="qhm-section qhm-section-default  hogehoge" data-height="" data-horizontal-align="center" data-vertical-align="middle">
  
  
    <div>
      <div class="container-fluid qhm-section-content">
        <p>テスト</p>
<h2 id="content_3_0">ここに見出し</h2>
<p>強調したい内容などを書く</p>
 
      </div>
    </div>
</section>