Support » Theme: Customizr » Working with gallery

  • dt125x

    (@dt125x)


    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="http://my-domain.com/wp-content/uploads/my-image.jpg"><img src="http://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="http://my-domain.com/my-page-to-link-to"><img src="http://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.