Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #180218

    hi, best support team ever.
    I have a question regarding picture with links and the titles.

    I want to have 5 pictures (80 x 80 px) in one row. The title of the picture should be below the pictures.
    Picture and Title should have a link to a page.

    Which element of the layout builder would be the best for me?
    Or would it bebetter to take a plugin e.g

    thanks ridcon

    #180426

    Hi ridcon!

    You could use plain HTML, please take a look at this:

    List structure:

    <ul class="my-custom-list">
      <li>
        <a href="#"><img src="IMG_URL" />
        <span>Title 1</span></a>
      </li>
      <li>
        <a href="#"><img src="IMG_URL" />
        <span>Title 2</span></a>
      </li>
      <li>
        <a href="#"><img src="IMG_URL" />
        <span>Title 3</span></a>
      </li>
      <li>
        <a href="#"><img src="IMG_URL" />
        <span>Title 4</span></a>
      </li>
      <li>
        <a href="#"><img src="IMG_URL" />
        <span>Title 5</span></a>
      </li>
    </ul>

    CSS:

    .my-custom-list{
      list-style: none;
      margin: 0;
      padding: 0;
    }
    .my-custom-list li{
      float: left;
      width: 80px;
      text-align: center;
    }

    Demo:

    http://codepen.io/josueochoa/pen/hKEfy

    Cheers!
    Josue

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

You must be logged in to reply to this topic.