Modern Portfolio Pro Widget Wrap Issue

[SJG]

Hi there!

I made a text edit to the columns within my front page widget and when I refreshed changes I had a wrap issue. Any tips on where I can go with this to bring it back to being hte same width as the widget before? I am just using <div> and didn't change anything about the width that I know of. Here's the widget code:

<font color="#222"><h2>Work Samples By Subject Area</h2>
Are you looking for support a specific topic area? While I use intelligent research and writing methods to create high-quality articles on a variety of topics, I do have several subject areas with a unique level of experience. Click through to see examples of work in the areas of human resources and recruiting, content marketing, and technology and big data.
<br><br>
<center><div class="one-third first">
<font color="#222"><h3>Human Resources and Recruiting</font></h3></div>

<div class="one-third">
<font color="#222"><h3>Content Marketing and Digital Strategy</font></h3></div>

<div class="one-third">
<font color="#222"><h3>Healthcare and Healthcare Marketing</font></h3></div></div></center>

http://b2bcontentstudio.com/

[Doug Edgington]

Not sure what issue you are having. But in looking at the source code of your site, it appears you have additional empty paragraph tags within the text widget. If you your text widget has "Automatically add paragraphs" enabled, this could be causing the additional paragraph tags. Additionally, some items are outside of the column divs.

As a side note, the font tag is obsolete. And the center tag is deprecated. I would use CSS in place of these tags. Below are examples.

<span style="color:#333;">Example text</span>

<div class="one-third" style="text-align: center;"></div>

---

Doug Edgington
http://www.dougedgington.com

[Author]

Posts