<h3 style="text-align: center;">We can add advisors shortcodes through VC (Visual Composer)</h3>.
<img class="size-medium wp-image-653 aligncenter" src="http://advisor.brighthemes.biz/demo/wp-content/uploads/2017/01/shortcodes-300x159.png" alt="shortcodes" width="300" height="159" />

<p style="text-align: center;">All the shortcodes are list here http://advisor.brighthemes.biz/demo/shortcodes/.</p>

&nbsp;
<h3 id="vc-elemetns" style="text-align: center;">How to Align VC Elements</h3>
<p style="text-align: center;">In order to align VC (visual composer) elemnets corresponding to different screen sizes (desktop, tab, mobile, etc.), first enable it by opening each VC (visual composer) elements <b>"Row settings"</b> and then checking <b>"Adjust Margins According To Advisor Theme."</b></p>

&nbsp;
<img class="size-medium wp-image-647 aligncenter" src="http://advisor.brighthemes.biz/demo/wp-content/uploads/2017/01/vc_row_opening-300x54.png" alt="vc_row_opening" width="300" height="54" />
&nbsp;

<img class="size-medium wp-image-648 aligncenter" src="http://advisor.brighthemes.biz/demo/wp-content/uploads/2017/01/vc_row-300x228.png" alt="vc_row" width="300" height="228" />
&nbsp;

<p style="text-align: center;">Then, Go to each page and set the VC (visual composer) elements alignments (margin) for different screen sizes (desktop, tab, mobile, etc.) .</p>

&nbsp;
<img class="size-medium wp-image-649 aligncenter" src="http://advisor.brighthemes.biz/demo/wp-content/uploads/2017/01/page_vc_row-300x161.png" alt="page_vc_row" width="300" height="161" />
&nbsp;

&nbsp;