Working with gallery

  • How can I set 3 thumbnails in one row like gallery and when you click on theam they link to other page ?

    Thanks

Viewing 1 replies (of 1 total)

  • Customizr uses the twitter bootstrap scaffolding, so you can use the following html in your page:

    <!-- ******************NEW ROW OF CONTENT****************** -->
<div class="row-fluid">

<div class="span4">
...INSERT_YOUR_IMAGE_WITH_THE_INSERT_MEDIA_BUTTON_AND_CHANGE_THE_ANCHOR_TAG_LINK_TO_YOUR_PAGE...
</div>

<div class="span4">
...INSERT_YOUR_IMAGE_WITH_THE_INSERT_MEDIA_BUTTON_AND_CHANGE_THE_ANCHOR_TAG_LINK_TO_YOUR_PAGE...
</div>

<div class="span4">
...INSERT_YOUR_IMAGE_WITH_THE_INSERT_MEDIA_BUTTON_AND_CHANGE_THE_ANCHOR_TAG_LINK_TO_YOUR_PAGE...
</div>

</div>
<!-- ***************END OF ROW OF CONTENT****************** -->

    To understand the html to link to a page instead of your image:

    When you press the WordPress insert media and you have a caption, it inserts something like this:
    [caption id="attachment_908" align="aligncenter" width="300"]<a href="https://my-domain.com/wp-content/uploads/my-image.jpg"><img src="https://my-domain.com/wp-content/uploads/my-image.jpg" alt="my-caption-text" width="300" height="300" class="size-medium wp-image-908" /></a> my-caption-text[/caption]

    You need to change the href inside the anchor tag so that—instead of pointing to the image—it points to the page you want to link to. Something like this:
    [caption id="attachment_908" align="aligncenter" width="300"]<a href="https://my-domain.com/my-page-to-link-to"><img src="https://my-domain.com/wp-content/uploads/my-image.jpg" alt="my-caption-text" width="300" height="300" class="size-medium wp-image-908" /></a> my-caption-text[/caption]

    More on html images here and more on Customizr’s layout here.

Viewing 1 replies (of 1 total)
  • The topic ‘Working with gallery’ is closed to new replies.