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>