I upgraded from 1x, and have sorted through a plethora of issues: dfgallery (ioerror and JSON), 404 upload error, and a few others. While there are still some patches I hope to see in the next release, in the meantime I am stuck on these blocks.

Images in both blocks now appear bulleted. I think the easy answer here is to blame it on my theme, but this did not occur in the 1.x version of album photos. Additionally, the random images now appear in a column instead of a nice cluster.

Please have a look, I've jumped many hurdles today to make the upgrade work, but I am stuck here. Thanks for the help and for all the great work that has gone into 2.x.

www.hoslotracer.com

Latest Images on the right column
Random Images at the bottom of the main page

Comments

eastcn’s picture

1, json error, Look here, maybe you can solve the trouble : http://drupal.org/node/396322 or http://drupal.org/node/397456#comment-1350182

2, You should adjust the style. e.g:

.blockcontent{
clear:both;
}
.blockcontent .item-list li{
background: none;
float:left;
}

Starminder’s picture

Thanks for this, I look forward to trying it soon, need the other bugs fixed first.

Starminder’s picture

Thank you - this fixed random images block, but latest images block is still bulleted....very close!!

Starminder’s picture

See www.hoslotracer.com - latest images in right sidebar, random images at bottom. Them is Marinelli (Giordanni). I added above code to top of layout.css. (style.css is not used in this theme)

Starminder’s picture

Hi - thanks for this code but I had to remove it, it was messing up other blocks. Can it be altered or does it matter where it is included in the .css? Thanks!

In the meantime, random and recent photo blocks remain bulleted - pretty ugly...

Please note, this did not occur in 1x version of album photos using same theme.

Starminder’s picture

Hi eastcn - I tried this in .css but it's not working:

* Fix Album Photos blocks

#primary .singlepage .node .content .photos_block_num_0 ul li {
list-style:none;
background: none;
margin: 0;
padding: 0;
}
#primary .singlepage .node .content .photos ul li a img {
margin: 0;
padding: 0;
}
#primary .singlepage .node .content .photos_block_num_3 ul li {
list-style:none;
background: none;
margin: 0;
padding: 0;
}
#primary .singlepage .node .content .photos ul li a img {
margin: 0;
padding: 0;
}	

Do I have these blocks named correctly??

Starminder’s picture

Status: Active » Fixed

I found a workaround for this, it's not pretty but it works:

Installed block theme module. If you follow along carefully it is not too hard. Once that was done, I added to .css:

.customtemplate .item-list ul li {
clear: none;
}
.customtemplate .item-list ul li {
background:none;
float:left;
position:relative;
list-style-type:none;
list-style-image:none;
list-style-position:outside;
list-style:none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

The important thing here is clear. I was trying to use clear:both which worked well in Firefox but not in IE (for the Random Image block). Clear: None fixed it so it worked for both.

You can see the result here::
www.hoslotracer.com

Recent images in right sidebar
Random images at the bottom

Still working on goofy padding which is coming from somewhere else, but at the moment this is much better than a column of random images going straight down.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

Fogg’s picture

See also here #327345: Get Random images horizontal. I found another way around this issue.