Recent
Categories
View Replies (6)

Enterprise - Thumbs Gallery: how to center

0
Votes
Undo
  1. ritarich
    ritarich
  2. Sherlock Holmes
  3. Commercial Templates
  4. Thursday, 25 June 2015
  5.  Subscribe via email
Hi Ciarán,
I would like to center the thumbs gallery. Please see attached screen shot.
Thanks,
rita
Responses (6)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Rita

Would you have a URL to an example of your ThumbsGallery?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
ritarich
ritarich
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Have just sent you a private email with the url and temp login info.
Thanks, Ciarán!
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Rita

To center try adding the following to the Custom CSS field of your templates parameters...


.j51thumbs .gallery {

    display: inline-block;

    text-align: center;

}

.j51thumbs .j51Box {

    float: none;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
ritarich
ritarich
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you, Ciarán. That almost worked -- it centered the gallery, but the overlay is acting wonky now when you mouse over the images.
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
HI Rita

Try changing the suggested CSS to the following...


.j51thumbs .gallery {

    display: inline-block;

    text-align: center;

}

.j51thumbs .j51Box {

    float: none;

    display: inline-block;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
ritarich
ritarich
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Beautiful. Perfect. Thank you.
  1. more than a month ago
  2. Commercial Templates
  3. # 6
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!