Docs

[dreamseller188]

Hi,

I’m looking to have links on the images in my Block Grid. I’ve used the shortcode and have this code for the 3-up one. Wondering how to include a link for each image in this shortcode:

[block_grid type=”three-up”] [block_grid_item] [image src=”http://yoursite.com/image.jpg” alt=”Place Alt Text Here” type=”thumbnail”] [/block_grid_item] [block_grid_item] [image src=”http://yoursite.com/image.jpg” alt=”Place Alt Text Here” type=”thumbnail”] [/block_grid_item] [block_grid_item] [image src=”http://yoursite.com/image.jpg” alt=”Place Alt Text Here” type=”thumbnail”] [/block_grid_item] [block_grid_item] [image src=”http://yoursite.com/image.jpg” alt=”Place Alt Text Here” type=”thumbnail”] [/block_grid_item] [block_grid_item] [image src=”http://yoursite.com/image.jpg” alt=”Place Alt Text Here” type=”thumbnail”] [/block_grid_item][block_grid_item] [image src=”http://yoursite.com/image.jpg” alt=”Place Alt Text Here” type=”thumbnail”] [/block_grid_item][/block_grid]

I should probably specify that I’m looking for the link to be an on-page link to an anchor point on the same page. How do I create the anchor point and then link it up with each image in the Block Grid?

Thanks!

[Joao]

Hi There,

You need to wrap your image shortcodes in a <a>

So it would be this

[block_grid_item] <a href=#my-id-1"> [image src=”http://yoursite.com/image.jpg” alt=”Place Alt Text Here” type=”thumbnail”] </a>[/block_grid_item]

Add a different ID to each section, for example ID> my-id-1

Hope it helps

Joao

[dreamseller188]

Thanks! That did the trick. 🙂

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts