Tips and Tricks HQ Support

Support site for Tips and Tricks HQ premium products

  • Home
  • Contact Us
  • Documentation
  • Forum Home
    • Forum
    • Forum Search
    • Forum Login
    • Forum Registration

Lightbox Ultimate – Margins/Padding styling

by

Tips and Tricks HQ Support Portal › Forums › WP Lightbox Ultimate › Lightbox Ultimate – Margins/Padding styling

Tagged: lightbox, margin, Padding, shortcode

  • This topic has 4 replies, 3 voices, and was last updated 12 years, 6 months ago by wpCommerce.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 20, 2012 at 8:57 pm #8201
    HatchWeb
    Member

    Hello,

    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 #52577
    HatchWeb
    Member

    Sorry, 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 #52578
    josh401
    Member

    What is the current url to the page where you have these items displayed?

    December 21, 2012 at 2:29 pm #52579
    HatchWeb
    Member

    This is a temp URL. It’s our staging area before she goes live in January.

    http://hatchearlylearning.com.276elmp01.blackmesh.com/support/technical-support/istartsmart-computers/

    December 21, 2012 at 10:33 pm #52580
    wpCommerce
    Moderator

    Hi, class lightbox_fancy_grid_view_gallery allows 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:

    http://www.tipsandtricks-hq.com/wp-affiliate-link-manager/wp-content/uploads/wp-lightbox-stuff/docs/lightbox-ultimate-fancy-anchor-styles.pdf

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.
Log In

Forum Related

  • Forum Home
  • Forum Search
  • Forum Registration
  • Forum Login

Support Related Forms

  • Contact Us
  • Customer Support
  • Request a Plugin Update
  • Request Fresh Download Links

Useful Links

  • Plugin Upgrade Instructions
  • WP eStore Documentation
  • WP eMember Documentation
  • WP Affiliate Platform Documentation
  • Tips and Tricks HQ Home Page
  • Our Projects

Quick Setup Video Tutorials

  • WP eStore Video Tutorial
  • WP eMember Video Tutorial
  • WP Affiliate Platform Video Tutorial
  • Lightbox Ultimate Video Tutorial

Our Other Plugins

  • WP Express Checkout
  • Stripe Payments Plugin
  • Simple Shopping Cart Plugin
  • Simple Download Monitor

Copyright © 2025 | Tips and Tricks HQ