1. jridgway
  2. Commercial Templates
  3. Tuesday, 16 February 2016
  4.  Subscribe via email
Hi Ciaran,
Artisan template - Gridgallery module
The caption text that I want to use is just slightly too wide for the image width I am using and so it wraps to a new line and out of sight. There is sufficient space to show the text, so I'd like to decrease the internal left/right margins of the mouse over element to allow the text to appear without line wrapping. Adding 5px of padding left and right is enough to make the line not wrap.
I've been looking at either changing the margins or decreasing the font size, but I would rather do the former.

I've tried inserting the following custom css (and some variations), but I think I'm just not hitting the right element:
.j51gridgallery figcaption {
padding-left 0px;
padding-right 0px;
}
I've spent some time trying to find the solution on the forums and at w3schools css reference without success.
Most of the time I can find a solution on the forums here, but no such luck this time.

Thanks in advance!!!
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Would you have a URL to an example of your GridGallery module so I can examine this issue further?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks again for the assistance!

The site is http://www.deleted.ca which I use for testing before going live.

The top thumbnail of the grid gallery on the right side is the one I am refering to. It contains the caption text as follows:

\"Fax: 999-999-9999 or 999-999-9999;
999-9999 Taymal St.E; Sometown3 AA A9A A9A\"

but I cannot get the last \"A9A A9A\" to move up to the second line, even though there is room for it to do so.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

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


figure.snip1156 p {
padding: 0 10px;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks Ciarán
That's perfect!
  1. more than a month ago
  2. Commercial Templates
  3. # 4
  • Page :
  • 1


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