Columns too close together & overlapping

Community Forums Forums Design Tips and Tricks Columns too close together & overlapping

This topic is: not resolved

This topic contains 3 replies, has 2 voices, and was last updated by  efuller 5 months, 3 weeks ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #103218

    MilanRoy
    Member
    Post count: 5

    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:
    pic

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

    #103220

    efuller
    Participant
    Post count: 59

    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

    #103222

    MilanRoy
    Member
    Post count: 5

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

    • This reply was modified 5 months, 3 weeks ago by  MilanRoy.
    • This reply was modified 5 months, 3 weeks ago by  MilanRoy.
    • This reply was modified 5 months, 3 weeks ago by  MilanRoy.
    • This reply was modified 5 months, 3 weeks ago by  MilanRoy.
    #103226

    efuller
    Participant
    Post count: 59

    Could you provide a link?


    I am a web developer

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.