Hi,

I wanted to list the images of my galleries using a grid instead of column, which I did without much problems using the Node Gallery handbook. After creating some galleries I tried to do the same with the gallery list, and since I don't know much about CSS I just took the code I used for listing the images in a grid modifying the tags that came from the divs, but I've a problem with the "item-list" div class because it's used for listing each album/gallery as an item, and for listing the amount of images and creation date on each album, so the style I applied to create the main list is applied to the sublist too.

I don't know if using CSS I can restrict the style to be applied to only certain instances of a same div class, or if there is a way to modify the module to change the name of one of the divs, or if it would be better to create my own gallery page using Views instead. I tried creating one using Views, I'm not too familiar with it but I know how it works; though I couldn't figure out how to get the Gallery name and how to get the Album cover in the original cover size, I only got it listed in the size if the image thumbnails using the "Node Gallery: Gallery ID" field. Also I would like to have a link to "Create new Gallery" for authenticated users, I don't know if that would be possible.

Here is the CSS code I'm using:

.gallery-list .item-list ul li {
  float: left;
/*  width: 162px;
*/  margin: 0 10px 10px 0;
  padding: 10px 5px 5px 5px;
  width: 150px;
  background-color: #f7f7f7;
  border: 1px solid #ddd;
  list-style-type: none !important;
  text-align: center;
}

.gallery-list .cover-image a {
  display: block;
  text-align: center;
}

.gallery-list .cover-image img {
  margin: 5px;
}

.gallery-list li {
 	 list-style-type: none !important; 
}

(I'm also trying to get rid of the bullets, it's working for IE but not for Firefox)

Here is our gallery with the style applied if someone want to see it (warning: adult material is allowed in the NSFW album).

Thanks in advance for your help, I hope my English isn't too bad.

Comments

Hau’s picture

Status: Active » Closed (fixed)