WordPress.com Forums » Topic: Change flickr widget layout

hendikaf on "Change flickr widget layout"

hendikaf — Tue, 30 Oct 2012 13:55:59 +0000

Thank you very much, it works! I've just adapted it a little to better fit with my page width.
.widget_flickr #flickr_badge_uber_wrapper { width: 100%; }


.widget_flickr td a {

	padding-right: 0;

	padding-left: 0;

	margin-left: 2em;

	font-size: 1.1em;

}

.widget_flickr td br { display: none; }

designsimply on "Change flickr widget layout"

designsimply — Sun, 28 Oct 2012 15:10:07 +0000

Note that you do have a typo in your CSS, it should be "right" not "rigth", but even with that fixed it looks like Flickr may have made a change on their side that you need to adjust for.

Try removing the flickr styles you have in your Appearance → Custom Design → CSS editor and add this instead:

.widget_flickr #flickr_badge_uber_wrapper {
	width: 100%;
}
.widget_flickr td a {
	float: left;
	padding-right: 1em;
}
.widget_flickr td br {
	display: none;
}

hendikaf on "Change flickr widget layout"

hendikaf — Sat, 27 Oct 2012 16:47:37 +0000

I have added the flickr widget in my footer area on the oxygen. I want to have the thumbnails displayed on just one line, horizontally Instead of having them being displayed vertically, one under another.

I have the custom CSS option and previously succeeded in doing it but the html code of the widget seems to have changed and my CSS code isn't working anymore.
The code I was using :
.widget_flickr .flickr-size-thumbnail a {display: inline-block; float: rigth;}
.widget_flickr .flickr-size-thumbnail img {display: block; float: rigth;}