[JaSchweppe]

Yes – I tried option 2 as well.

My shortcode:

[wp_lightbox_fancybox_image link=”http://www.z57.com/wp-content/uploads/2013/04/Welcome-Tab-4.png” image title=”Check out this cool new feature!” source=”http://www.z57.com/wp-content/uploads/2013/04/icon-placeholder.jpg” title=”Icon” class=”image_anchor_css”]

[wp_lightbox_fancybox_image link=”http://www.z57.com/wp-content/uploads/2013/04/fb-idx-tab.png” image title=”Check out this cool new feature!” source=”http://www.z57.com/wp-content/uploads/2013/04/icon-placeholder.jpg” title=”Icon” class=”image_anchor_css”]

[wp_lightbox_fancybox_image link=”http://www.z57.com/wp-content/uploads/2013/04/FB-School-Comm-Reports-Tab.png” image title=”Check out this cool new feature!” source=”http://www.z57.com/wp-content/uploads/2013/04/icon-placeholder.jpg” title=”Icon” class=”image_anchor_css”]

[wp_lightbox_fancybox_image link=”http://www.z57.com/wp-content/uploads/2013/04/fb-recently-sold-homes-tab.png” image title=”Check out this cool new feature!” source=”http://www.z57.com/wp-content/uploads/2013/04/icon-placeholder.jpg” title=”Icon” class=”image_anchor_css”]

[wp_lightbox_fancybox_image link=”http://www.z57.com/wp-content/uploads/2013/04/FB-Site-Listings-Tab.png” image title=”Check out this cool new feature!” source=”http://www.z57.com/wp-content/uploads/2013/04/icon-placeholder.jpg” title=”Icon” class=”image_anchor_css”]

Custom CSS:

.image_anchor_css

{

position:relative;

}

I’ve tried adding the custom CSS to both the lightbox ultimate CSS as well as my wordpress theme’s CSS. I’ve also tried many different CSS properties using this method to see if I could get the desired affect with no luck.

[JaSchweppe]

I’m having a similar issue with trying to get my anchor images to align horizontally using the CSS. I followed the instructions above and searched other topics in the forum to troubleshoot but am not having any luck.

Here’s my lightbox shortcode:

[wp_lightbox_fancybox_image link=”http://www.z57.com/wp-content/uploads/2013/04/Welcome-Tab-4.png” image title=”Check out this cool new feature!” source=”http://www.z57.com/wp-content/uploads/2013/04/icon-placeholder.jpg” title=”Icon” class=”lightbox_ultimate_image_anchor”]

[wp_lightbox_fancybox_image link=”http://www.z57.com/wp-content/uploads/2013/04/fb-idx-tab.png” image title=”Check out this cool new feature!” source=”http://www.z57.com/wp-content/uploads/2013/04/icon-placeholder.jpg” title=”Icon” class=”lightbox_ultimate_image_anchor”]

[wp_lightbox_fancybox_image link=”http://www.z57.com/wp-content/uploads/2013/04/FB-School-Comm-Reports-Tab.png” image title=”Check out this cool new feature!” source=”http://www.z57.com/wp-content/uploads/2013/04/icon-placeholder.jpg” title=”Icon” class=”lightbox_ultimate_image_anchor”]

[wp_lightbox_fancybox_image link=”http://www.z57.com/wp-content/uploads/2013/04/fb-recently-sold-homes-tab.png” image title=”Check out this cool new feature!” source=”http://www.z57.com/wp-content/uploads/2013/04/icon-placeholder.jpg” title=”Icon” class=”lightbox_ultimate_image_anchor”]

[wp_lightbox_fancybox_image link=”http://www.z57.com/wp-content/uploads/2013/04/FB-Site-Listings-Tab.png” image title=”Check out this cool new feature!” source=”http://www.z57.com/wp-content/uploads/2013/04/icon-placeholder.jpg” title=”Icon” class=”lightbox_ultimate_image_anchor”]

Here’s the addition I made to the lightbox CSS file:

.lightbox_ultimate_image_anchor

{

display:inline;

}

I want the images to look like this: [http://www.zpropress.com/wp-content/uploads/2013/04/example-icons.png]

I would send you a link to the site but it’s on a secure development server until launch so I’m not able to. Any help you can provide is greatly appreciated!

[Author]

Posts