Text and Spacing in Webvis CMS

Apr 1, 2019 | Support

At myheartcreative, We pride ourselves on our customer service. Our Oklahoma web design clients always receive trainings on their CMS systems. We also make ourselves available on a monthly Google Meet to answer questions and provide refreshers. Even with this support, it is easy to forget features if you do not use the system regularly. For easy access to information, we are creating a series of blogs for our Webvis CMS clients to highlight the different features of the system and how to use them.

Text

You can always copy and paste text into the text elements of your Webvis CMS site. Do not, however, forget the most crucial step, which is removing the formatting.

  1. Place the text in Google Docs, your email, or another document creator.
  2. Remove the format, found under the format options. (See Google Doc example below.)
  3. Copy the text without formatting into the text element.

A screenshot of the Format tab in Google Docs. Failure to remove the formatting from your text before you paste it will affect the code of your website. Changes to the code could alter the spacing, font, and alignment of your page. Once you have the unformatted text, Paragraph Format will give you normal text and heading options. It is essential that you only choose Heading 2 or smaller. A screenshot showing the Text Settings box in Webvis CMS where users can choose a text size or heading. The header on your page already has Heading 1, and it should only be on each page once. Once you have chosen your headers, continue to style the text using other features as you would on any other word processor to create your paragraphs. A screenshot showing a sample paragraph being spaced into two paragraphs in Webvis. The spacing between paragraphs in a text element is automatically set. If you want a smaller break between paragraphs, however, it is possible. Use shift+enter (PC) or shift+return (Mac) to see the difference. A screenshot showing two paragraphs being inadequately spaced in Webvis.

Spacing Between Elements

To see the spacing between your elements, you need to make sure that you have your CMS in Preview mode. You never want your text elements running into each other. It is important for your website to be scannable and pictures pushed up against text does not help. There is space between each element, such as text and images. A screenshot showing the text preview of sample content. There are times, however, when you may need some extra space. Hit Enter at the end of your final paragraph before saving the text. You can see the difference below. A screenshot showing the text preview of sample content. There is ample space in between the sample text and the image below it. You may need extra space between elements when neither one has text. You can easily create the space yourself:

  1. Add a new text element.
  2. Hit return or enter.
  3. Drag the text element between your images.

Just look at the difference between these images. The this one has no extra space. A screenshot of a sample piece of content with two images. The two images have one space in between each other. This is an image with an extra space. A screenshot of a sample piece of content with two images. The two images have multiple spaces in between each other.

Practice using these basic techniques on your website, and you will be surprised at how quickly they become second nature. We also have a video to help guide you.

Webvis CMS Text and Spacing

If you have any questions about adding text, spacing, or any other feature of your Webvis CMS, please contact us. Our Oklahoma City web design team is always ready to help you. Have an idea for our next Webvis CMS blog? Please let us know.

Related Blogs

How To Use Headings in WordPress

How To Use Headings in WordPress

Knowing how to use headings on your WordPress website helps you break up text to make it more scannable as well as help with search engine optimization (SEO) By using headings, you can separate your text into different sections if it is needed. Breaking up the text...

read more
Adding Page Links In EE

Adding Page Links In EE

When it comes to adding links on your EE website, there are a few different ways to do so. For internal links or a link that goes to another page within your website, you won’t need to copy a URL or anything...we will walk you through adding a link within your...

read more
How To Check Form Entries on WordPress

How To Check Form Entries on WordPress

Checking form entries is extremely important. If you don’t check your entries, you could lose potential clients. We also recommend downloading those entries, each week, once a month, or quarterly, depending on the amount submitted, so you can confirm you have...

read more