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:
<div class="bg_screen"><em>#galleriffic .slideshow a.advance-link {
padding: 0;
border: 2px solid #000;
}</em>
<em>#galleriffic a.thumb {
border: 2px solid #000;
padding: 0;
}</em>
<em>#galleriffic .pagination a, #galleriffic .pagination span.current {
border: none;
}</em></div>
Make the thumbnails align with the main image:
<div class="bg_screen"><em>#galleriffic #thumbs {
margin-top: 23px;
}</em></div>
Remove the styling from the caption area and remove the title text:
<div class="bg_screen"><em>#galleriffic .image-desc {
padding-top: 0;
}</em>
<em>#galleriffic .embox {
background-color: transparent;
border: none;
padding-top: 0;
}</em>
<em>#caption .image-title {
display: none;
}</em></div>
Increase the size of the main image to 640px:
<div class="bg_screen"><em>#galleriffic {
width: 855px;
}</em>
<em>#galleriffic .content {
width: 650px;
}</em>
<em>#galleriffic .loader {
width: 700px;
}</em></div>