Customize Homepage Welcome Note/Text Use Bootstrap Classes

As an added feature, welcome note or a welcome text is pre-installed for BlogrCart template. Blogger store owners can customise the text display & use the pre-installed Bootstrap 3++ responsive theme framework classes and text colour & background colours.

Below are the instructions & details on how to customise the welcome note/text which includes the pre-installed Bootstrap classes example to use.
$ 89.00
   Add to Cart
Below is the full codes to display the welcome note/text displayed at BlogrCart homepage.

<!-- Homepage welcome notes starts -->
      <div class='bg-info' id='welcome-note'>
        <div class='container'>
          <div class='row'>
            <div class='col-sm-12 text-center'>
              <h2 class='font-lg leader'>Welcome to BlogrCart Women Theme.</h2>
              <p class='font-md'>We make Optimised Conversion Blogger Store Themes &amp; Templates.</p>
            </div>
          </div>
        </div>
      </div>
    </b:if>
<!-- Homepage welcome notes ends -->

To edit the welcome note title  edit the text in between the <h3>...</h3> tags

To edit the paragraphs below the welcome note title, edit the text in between the <p> ... </p> tags
In addition, use Boostrap 3++ responsive framework classes to customise the welcome note background & text colour. For example:-

Use <div class='bg-info' id='welcome-note'> to display a light bluish background colour.

Use <div class='bg-warning' id='welcome-note'> to display a light orangey background colour.

Use <div class='bg-danger' id='welcome-note'> to display a light reddish background colour.

Use <div class='bg-success' id='welcome-note'> to display a light greenish background colour.

We also added an inverse class for div tags which can be used like so:-

Use <div class='bg-inverse' id='welcome-note'> to display a dark blackish background colour.

Add an inverse class to <h3> and <p> tags to display the text in a whitish colour.
Customize Homepage Welcome Note/Text Use Bootstrap Classes Customize Homepage Welcome Note/Text Use Bootstrap Classes

Không có nhận xét nào

Đăng nhận xét

Subscribe Our Newsletter

Get the latest OFFERS right to your mail.