Tips and Tricks HQ Support Portal › Forums › WP Lightbox Ultimate › Lightbox Ultimate – Margins/Padding styling
- This topic has 4 replies, 3 voices, and was last updated 13 years ago by
wpCommerce.
-
AuthorPosts
-
December 20, 2012 at 8:57 pm #8201
HatchWeb
MemberHello,
I found the custom css file.
I have a grid of videos/thumbnails 3×3 (so 9 total).
If you imagine it is like this:
x x x
x x x
x x x
I want to add padding or margin so it looks more like this:
x x x
x x x
x x x
Is there a way I can do (for instance) padding-right on only column 1 and 2 but not three?
Is there a way to style inline with the shortcode instead that I’m not seeing? I did try that but it did not seem to have any effect.
Thanks
December 20, 2012 at 10:09 pm #52577HatchWeb
MemberSorry, forum stripped out the spacing. Ironic!
So instead of this:
X-X-X
X-X-X
X-X-X
We need this:
X—X—X
X—X—X
X—X—X
Using the global custom css page I can do this:
—X—X—X
—X—X—X
—X—X—X
or this:
X—X—X—
Hope that makes sense.
December 20, 2012 at 10:26 pm #52578josh401
MemberWhat is the current url to the page where you have these items displayed?
December 21, 2012 at 2:29 pm #52579HatchWeb
MemberThis is a temp URL. It’s our staging area before she goes live in January.
December 21, 2012 at 10:33 pm #52580wpCommerce
ModeratorHi, class
lightbox_fancy_grid_view_galleryallows you to display all the shortcode thumbnails in a grid view. However, you can specify CSS classes in each shortcode to control how each shortcode thumbnail will look like. For example:[wp_lightbox_ultimate_fancy_gallery class="lightbox_fancy_grid_view_gallery"]
[wp_lightbox_flowplayer_video link="video1 url" source="thumbnail1 url" title="video1 title" class="your_css_class1"]
[wp_lightbox_flowplayer_video link="video2 url" source="thumbnail2 url" title="video2 title" class="your_css_class2"]
[wp_lightbox_flowplayer_video link="video3 url" source="thumbnail3 url" title="video3 title" class="your_css_class3"]
[/wp_lightbox_ultimate_fancy_gallery]You can learn more about it here:
-
AuthorPosts
- You must be logged in to reply to this topic.