Close
Home
One Topic - Three Distinct Views:  The Vanguard View | Subscribe
Let Vanguard Technology help you with your website  Contact Us

Partner With Vanguard

Beautifully designed impactful websites for your organization and budget
 

Web Smarts - Business Savvy

We’ve been building websites since 1998

We are trusted advisors to Over 50 Active Clients within several industries including associations and nonprofits, healthcare, financial services, retail, B2B and more.

We Are
Trusted
Partners

After we deliver a quality website on time and within your budget, we will be there for when it really counts. We will be proactive, consultative and strategic after we launch your website.

We Are
Integration
Experts

We’ve integrated with virtually every AMS system on the market as well as most LMS, publication, advocacy and career center applications. Our company was founded on custom development.

We build websites that are easy to edit, manage and design using the best content management system on the market, Sitefinity CMS.

Our Clients Are Our Partners....

John Wurm

Membership & Communications Director
Minnesota Council of Nonprofits

The team at Vanguard helped us think about our digital presence from the perspective and needs of our users, while holding true to the values our organization espouses.

Connect With Us

On-Demand Webinar

Improve Your Webcopy

Sitefinity 13

With Improvements to Asset Management, Classifications and Redesigned Personalization, is it time to consider an upgrade to Sitefinity 13?

The

Vanguard View

Technology articles about one topic from the perspective of Leadership, Marketing and IT professionals .

2020 Volume 2 - Leverage Video and Search to Quickly Improve Your Website
paragraph

The Importance of Paragraphs and how to use them in Sitefinity

Posted: Dec 18, 2020
Content Management

The paragraph tag is the most commonly used element in HTML. Its main purpose is to separate large chunks of content so that it’s much easier to read.

Paragraph tags look like this:

<p></p>

Break Tags: They Break my Heart

I’ve been working with CMS websites for several years, and one of the trends I’ve noticed is clients using break tags like this:

<br>

...to separate content instead of utilizing the paragraph tag. Now, using break tags technically works and usually achieves the desired effect, however this can lead into some problems down the road.

The issue with break tags is that you need to make sure you’ve entered in the correct amount to get consistent spacing. Usually, it takes two break tags to get a good amount of spacing. But, what happens if another content editor thinks three is the magic number? This leads to inconsistent spacing between elements.

Paragraph Power

Now, let’s talk about the benefits of paragraph tags. Paragraphs are block elements that can be styled via the global stylesheet. This allows us to control the margin, line height, and other attributes, much like any other element of the site. This is important because if you’d like to change any of those attributes, it can be done in one centralized place. This allows changes to be made much more efficiently.

A good example would be a change in the spacing between bodies of text. For example, the current margin of paragraphs is 20px, but you’d like it to be increased to 40px. With break tags, those adjustments would simply not be possible, at least not possible without having to go into every single page of the website and adding an additional break tag. Now that’s a TON of work!

Another advantage of using paragraph tags is mobile display. For example, you may have two columns with bodies of text, but the last body does not have a paragraph tag wrapped around it. With mobile viewing, those two columns get stacked on top of each other. But whoops! There’s no spacing? That’s because there is no paragraph element to give it that extra bottom margin to make things separated. This goes for images as well. Best practice scenario is to wrap images that you have on the page with a paragraph tag for the same reasons illustrated above for bodies of text.

How to Apply Them in Sitefinity

Below is a video demonstrating how to apply paragraph tags in both webforms and MVC.

If you have questions about paragraph tags or would simply like to learn more, reach out to your Vanguard Client Services Manager. 

Back To Posts

Author:

Matt Chriest

Vanguard Tips & Tricks

We provide helpful hints you never knew you needed for our clients. Check out "Vanguard Tips & Tricks" to learn quick and simple hacks to make managing your website easier than ever.

paragraph

The Importance of Paragraphs and how to use them in Sitefinity

Posted: Dec 18, 2020
Content Management

The paragraph tag is the most commonly used element in HTML. Its main purpose is to separate large chunks of content so that it’s much easier to read.

Paragraph tags look like this:

<p></p>

Break Tags: They Break my Heart

I’ve been working with CMS websites for several years, and one of the trends I’ve noticed is clients using break tags like this:

<br>

...to separate content instead of utilizing the paragraph tag. Now, using break tags technically works and usually achieves the desired effect, however this can lead into some problems down the road.

The issue with break tags is that you need to make sure you’ve entered in the correct amount to get consistent spacing. Usually, it takes two break tags to get a good amount of spacing. But, what happens if another content editor thinks three is the magic number? This leads to inconsistent spacing between elements.

Paragraph Power

Now, let’s talk about the benefits of paragraph tags. Paragraphs are block elements that can be styled via the global stylesheet. This allows us to control the margin, line height, and other attributes, much like any other element of the site. This is important because if you’d like to change any of those attributes, it can be done in one centralized place. This allows changes to be made much more efficiently.

A good example would be a change in the spacing between bodies of text. For example, the current margin of paragraphs is 20px, but you’d like it to be increased to 40px. With break tags, those adjustments would simply not be possible, at least not possible without having to go into every single page of the website and adding an additional break tag. Now that’s a TON of work!

Another advantage of using paragraph tags is mobile display. For example, you may have two columns with bodies of text, but the last body does not have a paragraph tag wrapped around it. With mobile viewing, those two columns get stacked on top of each other. But whoops! There’s no spacing? That’s because there is no paragraph element to give it that extra bottom margin to make things separated. This goes for images as well. Best practice scenario is to wrap images that you have on the page with a paragraph tag for the same reasons illustrated above for bodies of text.

How to Apply Them in Sitefinity

Below is a video demonstrating how to apply paragraph tags in both webforms and MVC.

If you have questions about paragraph tags or would simply like to learn more, reach out to your Vanguard Client Services Manager. 

Back To Posts

Author:

Matt Chriest

Case Studies

Vanguard conducts thorough preliminary investigative work to ensure your website is built to cater specifically to your target audience and meet your organization’s goals. Check out some of the case studies on some of our most recent client success stories.  

Follow Us On Social Media Twitter Facebook YouTube LinkedIn

What Can Vanguard Do For You?

As your organization grows and evolves, your website should as well. Whether you are looking to generate more traffic, implement custom functionality, mobile compatibility, integrate your systems, or give your site a complete redesign, Vanguard Technology is your go-to web partner. Reach out to us with your current concerns with your website, and our experts will happily provide a solution.