Columns too close together & overlapping

[MilanRoy]

Hi, I have separated two columns of lists on a page in the Parallax Pro theme with the <div class="one half">.

Code looks like this:

<div class="one-half first">
<h4>Heading of list</h4>
<ul>
<li>List item text</li>
<li>List item text</li>
<li>List item text</li>
</ul>
</div>

<div class="one-half first">
<h4>Heading of list</h4>
<ul>
<li>List item text</li>
<li>List item text</li>
<li>List item text</li>
</ul>
</div>

and yet somehow, I'm getting this:

What is the shortcode/html to pull these two columns farther apart? 'Padding' doesn't seem to be working here.

[efuller]

Hello:

Without doing any testing and just looking at your code, try removing the 'first' class from the second div element.

<div class="one-half first">
<h4>Heading of list</h4>
<ul>
<li>List item text</li>
<li>List item text</li>
<li>List item text</li>
</ul>
</div>

<div class="one-half">
<h4>Heading of list</h4>
<ul>
<li>List item text</li>
<li>List item text</li>
<li>List item text</li>
</ul>
</div>

Hope this does the trick!

Eric

---

I am a web developer

[MilanRoy]

@efuller Hi Eric, I appreciate the response but unfortunately that made no difference.

[efuller]

Could you provide a link?

---

I am a web developer

[Author]

Posts