Canvas Support

Flickr Widget

1 reply·opened Jan 6, 2018
W
web404Jan 6, 2018

i want use Flickr Widget

<div id="flickr-widget" class="flickr-feed masonry-thumbs" data-id="613394@N22" data-count="16" data-type="group" data-lightbox="gallery"></div>

and i have problems:

  1. data-count="16" makes 4 row and 4 col , ex. if i want use 10 col and 3row how can i do this ?
  2. how can i do what flickr-widget will cover full width of section
S
SemiColonWebSTAFFJan 8, 2018

Hello,

  1. Flickr allows only 20 images in one request. So you cannot request 30 Photos. Additionally, 10 Columns is currently not supported but you can simply add the following CSS Code to show 10 Columns:
.masonry-thumbs.col-10 a { width: 10%; }

and then add the .col-10 Class to the .masonry-thumbs Element.

  1. You can simply use the Flickr Code inside a Section to support Full Width:
<div class="section">
	<div class="widget clearfix">
		<div id="flickr-widget" class="flickr-feed masonry-thumbs col-10" data-id="613394@N22" data-count="20" data-type="group" data-lightbox="gallery"></div>
	</div>
</div>

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard