<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-300×159.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-300×54.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-300×228.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-300×161.png” alt=”page_vc_row” width=”300″ height=”161″ />
&nbsp;

&nbsp;