Viewing 1 replies (of 1 total)
  • You’re using a mixture of <p> and <div> tags to create these sponsors, you need to be consistant for this to work and make them all <p> tags instead.

    Change the structure by which you’re adding these sponsors so you’re using one <p> tag for both the image and the <span> that contains the sponsor text, something like this:

    <p>
        <a href="#">
            <img src="#">
        </a>
        <span>text</span>
    </p>

    You should only end up with 4 <p> tags in total for these 4 sponsors.

    This will allow you to use CSS (use a Custom CSS plugin), for this page only, like so:

    .post-99 .entry-content p { width: 45%; float: left; margin: 2.5%; min-height: 220px; }

    Providing you change the structure as described above, you will end up with a grid-style sponsor page, like this.

    Hope this helps.

Viewing 1 replies (of 1 total)
  • The topic ‘layout of images for sponsors’ is closed to new replies.