Creating text box

[Ian Tobin]

Hi,

I would like to create a standard text box so I can enter some paragraphs but I cant see an easy way of doing of doing it and there isn’t any examples, can you help?

thanks

Ian

[ThemeLooks Support Team]

Hi Ian,

Could you please write us in details, what you exactly need and where (in which page) are you want to use?

Best Regards,
ThemeLooks Support Team

[Ian Tobin]

Hi,

for example on https://test.cloudsentric.com/email/hosted-exchange

I would like to put a block of text underneath the first 3 price boxes explaining what Hosted Exchange is.

The block of text would be the same width as the the price boxes. For a live example see https://www.cloudsentric.com/cloud/hosted-exchange/ where you can see the block of text under the price boxes.

thanks

Ian

[ThemeLooks Support Team]

Hi Ian,

In this issue, you could use below markup.

<div class="container">
<div class="row">
<div class="col-md-12">
<div class="about-desc--content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia quisquam omnis quia incidunt aliquid quam itaque libero, in, culpa tempora nesciunt neque eos similique, dolorem amet ipsa eius praesentium nihil. Blanditiis tenetur error enim incidunt et, molestias qui consequuntur ullam magnam quae aliquam, laudantium labore vel quam minima commodi? Perspiciatis veritatis, consectetur mollitia. Pariatur, possimus veritatis in eaque nobis, vitae!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia quisquam omnis quia incidunt aliquid quam itaque libero, in, culpa tempora nesciunt neque eos similique, dolorem amet ipsa eius praesentium nihil. Blanditiis tenetur error enim incidunt et, molestias qui consequuntur ullam magnam quae aliquam, laudantium labore vel quam minima commodi? Perspiciatis veritatis, consectetur mollitia. Pariatur, possimus veritatis in eaque nobis, vitae!</p>
</div>
</div>
</div>
</div>

Best Regards,
ThemeLooks Support Team

[Ian Tobin]

Hi,

thanks for that, i have added it in below but as you can see its not aligned correctly?

https://test.cloudsentric.com/email/hosted-exchange

thanks

Ian

[ThemeLooks Support Team]

You need to use the markup after/below the comment <!-- Pricing Area End --> and add two <br/> tag after last </p> closing tag OR use below markup.

<div class="container">
<div class="row">
<div class="col-md-12">
<div class="about-desc--content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia quisquam omnis quia incidunt aliquid quam itaque libero, in, culpa tempora nesciunt neque eos similique, dolorem amet ipsa eius praesentium nihil. Blanditiis tenetur error enim incidunt et, molestias qui consequuntur ullam magnam quae aliquam, laudantium labore vel quam minima commodi? Perspiciatis veritatis, consectetur mollitia. Pariatur, possimus veritatis in eaque nobis, vitae!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia quisquam omnis quia incidunt aliquid quam itaque libero, in, culpa tempora nesciunt neque eos similique, dolorem amet ipsa eius praesentium nihil. Blanditiis tenetur error enim incidunt et, molestias qui consequuntur ullam magnam quae aliquam, laudantium labore vel quam minima commodi? Perspiciatis veritatis, consectetur mollitia. Pariatur, possimus veritatis in eaque nobis, vitae!</p>
<br/><br/>
</div>
</div>
</div>
</div>

Please don’t forget to give us ‘rating and review’ (on https://themeforest.net/downloads ), if you like our template and our support too.

Best Regards,
ThemeLooks Support Team

[Ian Tobin]

Hi,

ive done that but it still not aligned

https://test.cloudsentric.com/email/hosted-exchange

thanks

Ian

[ThemeLooks Support Team]

Please read carefully and try to understand and use the markup after/below the comment <!-- Pricing Area End --> not <!-- Pricing Item End --> and use below markup not previous markup.

<div class="container">
<div class="row">
<div class="col-md-12">
<div class="about-desc--content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia quisquam omnis quia incidunt aliquid quam itaque libero, in, culpa tempora nesciunt neque eos similique, dolorem amet ipsa eius praesentium nihil. Blanditiis tenetur error enim incidunt et, molestias qui consequuntur ullam magnam quae aliquam, laudantium labore vel quam minima commodi? Perspiciatis veritatis, consectetur mollitia. Pariatur, possimus veritatis in eaque nobis, vitae!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia quisquam omnis quia incidunt aliquid quam itaque libero, in, culpa tempora nesciunt neque eos similique, dolorem amet ipsa eius praesentium nihil. Blanditiis tenetur error enim incidunt et, molestias qui consequuntur ullam magnam quae aliquam, laudantium labore vel quam minima commodi? Perspiciatis veritatis, consectetur mollitia. Pariatur, possimus veritatis in eaque nobis, vitae!</p>
<br/><br/>
</div>
</div>
</div>
</div>

If you are still unable to understand and unable to do it with your own, then you need to hire someone else to help you.

Best Regards,
ThemeLooks Support Team

[Ian Tobin]

Hi,

its fine, ive sorted it now 🙂

many thanks for your help

Ian

[ThemeLooks Support Team]

Please don’t forget to give us ‘rating and review’ (on https://themeforest.net/downloads ), if you like our template and our support too.

Best Regards,
ThemeLooks Support Team

[Ian Tobin]

Hi,

one last question, how do i put a title above the text, for example https://www.cloudsentric.com/cloud/hosted-exchange/

I would like to include the title Cloud Exchange collaboration email

thanks

Ian

[ThemeLooks Support Team]

Just use a h2 title before <p> starting tag.

Example: <h2>Cloud Exchange collaboration email</h2>

Best Regards,
ThemeLooks Support Team

[Ian Tobin]

Hi,

sorry for the late reply.

the heading works thanks. Could you just let me know how i change the colour of the title so it matches the rest such as the blue and black words.

thanks

Ian

[ThemeLooks Support Team]

Hi Ian,

You could use below CSS to match the title color.

.about-desc--content h2 {
    margin: 0;
    color: #232c3b;
    font-size: 32px;
    line-height: 40px;
    font-weight: 900;
}
.about-desc--content h2 span {
    color: #03a9f4;
}

Best Regards,
ThemeLooks Support Team

[Author]

Posts