I was building a new front page for a client and wondered why all the headings were the same size. Then I tried inserting an image with a caption. This seems an impossible task with TinyMCE. All margins need to be set manually.
So I looked in the source code and was surprised to see so many <span> tags. Some with spans on spans. All I did was use the predefined styles from the style dropdown. I didn't expect all these which are really bad for efficiency. Have I done something wrong?
The top article is the standard Joomla one, the copy, below, is the one built with Page Builder.
Code:
<h1><span style="color: #141414; font-family: Helvetica, sans-serif; font-size: 16px; line-height: 20px;">Window & Door Instructor</span></h1>
<h2><span style="color: #141414; font-family: Helvetica, sans-serif; font-size: 16px; line-height: 20px;">The Window Installation Master Program</span></h2>
<p><span style="color: #141414; font-family: Helvetica, sans-serif;"><span style="font-size: 16px; line-height: 20px;">The Window & Door Instructor is a way for you to receive your certificate through the Window Installation Master's program. Long time window and door industry expert, Jeff Aviles, will guide you through all the necessary course content in a relaxed, generally, 2 day environment, so you have the best chance of passing.</span></span></p>
<h2><span style="color: #141414; font-family: Helvetica, sans-serif;"><span style="font-size: 16px; line-height: 20px;">Who is suited to attend a </span></span><span style="color: #141414; font-family: Helvetica, sans-serif; font-size: 16px; line-height: 20px;">Window Installation Master's program?</span></h2>
<p><span style="color: #141414; font-family: Helvetica, sans-serif;"><span style="font-size: 16px; line-height: 20px;">Anyone associated with the window and door industry. That's not limited to just installers, but architects, engineers, construction workers, sale teams, management, building officials and more. If you're in and around the building and construction industry there's a wealth of knowledge you can gain through this course that will set you up to be better and more knowledgeable about what you do.</span></span></p>
<pre><img style="float: right;" src="images/window_installation.jpg" alt="Window Installation done correctly" width="400" height="266" />Window Installation image courtesy of Oregon Dept of Transportation</pre>
<h2><span style="color: #141414; font-family: Helvetica, sans-serif;"><span style="font-size: 16px; line-height: 20px;">What's the point?</span></span></h2>
<p><span style="color: #141414; font-family: Helvetica, sans-serif;"><span style="font-size: 16px; line-height: 20px;">Great question! So often we see "required courses" that amount to very little benefit to the attendee. Not so with the </span></span><span style="color: #141414; font-family: Helvetica, sans-serif; font-size: 16px; line-height: 20px;">Window Installation Master's program. This course is designed to make you a cut above the rest. In fact, many bids now require on-site workers to hold this certificate to even be eligible to submit.</span></p>
<p><span style="color: #141414; font-family: Helvetica, sans-serif; font-size: 16px; line-height: 20px;">Secondly, to use the old adage of the construction industry, "Measure twice, cut once". Doing it right the first time just makes good time management and financial sense. This course helps you get it right, reducing call backs and potential claims for water intrusion due to poor installation techniques. So you have happier clients and more referrals.</span></p>
<p><span style="color: #141414; font-family: Helvetica, sans-serif;"><span style="font-size: 16px; line-height: 20px;">Thirdly, let the world know that you are a company dedicated to staying on top. Anyone hiring wants to feel comfortable their contractor knows what they're doing. By having the </span></span><span style="color: #141414; font-family: Helvetica, sans-serif; font-size: 16px; line-height: 20px;">Window Installation Master's program certificate and logo on your website and marketing materials, you tell potential customers, "We care and we train!"</span></p>
<p><span style="color: #141414; font-family: Helvetica, sans-serif; font-size: 16px; line-height: 20px;">Get ahead of the crowd - download your application right now!</span></p>
Offline
Topic Author
