Views Galleriffic Gallery CSS
CSS for Views Galleriffic image galleries in Drupal
To get rid of the borders provided and use a thin black border instead:
#galleriffic .slideshow a.advance-link {
padding: 0;
border: 2px solid #000;
}
padding: 0;
border: 2px solid #000;
}
#galleriffic a.thumb {
border: 2px solid #000;
padding: 0;
}
#galleriffic .pagination a, #galleriffic .pagination span.current {
border: none;
}
Make the thumbnails align with the main image:
#galleriffic #thumbs {
margin-top: 23px;
}
margin-top: 23px;
}
Remove the styling from the caption area and remove the title text:
#galleriffic .image-desc {
padding-top: 0;
}
padding-top: 0;
}
#galleriffic .embox {
background-color: transparent;
border: none;
padding-top: 0;
}
#caption .image-title {
display: none;
}
Increase the size of the main image to 640px:
#galleriffic {
width: 855px;
}
width: 855px;
}
#galleriffic .content {
width: 650px;
}
#galleriffic .loader {
width: 700px;
}