Image Anchor – 3 side-by-side centered videos on the page

[wplbu]

Hello, How would I do what the topic line says, please?

Three separate shortcodes for three separate images and videos.

[mbrsolution]

Hello Wplbu check the following URL

http://tipsandtricks-hq.com/wp-affiliate-link-manager/wp-content/uploads/wp-lightbox-stuff/docs/group-multiple-anchor-images.pdf

[wplbu]

Thank you for the link – will read right now : )

[wplbu]

Okay.

So, what would the css class info look like that goes into the …custom css file?

I can see a shortcode with that class calling up “it” from the css file, but how

do I need to structure the {…} command itself, please?

Or, does that “wrap” code in the second pdf do the trick (calling a predefined css)

from the plugin’s file?

[wplbu]

Now, got it grouped by wrapping the shortcodes.

Now, how can I center the groups on the page.

There’s a .lightbox_center_image …text-align:center in the custom css

and the shortcode has that class, but no center…yet.

[wplbu]

Still need to know how to center the anchor image grid.

Would you please let me know?

Thank you.

[mbrsolution]

Hello wplbu can you share your URL please so that I can check.

Kind regards

[wplbu]

Hello.

I’ve tried custom css, div tags, blog editor centering, etc.

The block (most top one – of two anchor images) floats to the left.

Funny thing is that the last anchor image on page has no centering and appears centered on the page = ).

If you have a moment, please…thank you!

videoaltitude.com

[wpCommerce]

Hi, it’s going to be hard to align with simple CSS since they have float attribute on them. However, you can use padding to center the shortcodes .For example:

<div style="padding-left: 150px;">

[lightbox shortcodes goes here]

<div>

[wplbu]

Okay, I’ll try that right away!

Thank you.

[wplbu]

That did it : )

Thank you!

[Author]

Posts