Centre the anchor image in page

[zhonghao]

I’ve tried adding some code as listed in the ‘How to style a Lightbox short code’ pdf but my image still insists on being on the left. I have added the following code in the WP_lightbox_ultimate_custom.css file :

.my_style_one a img

{

display: block;

margin-left: auto;

margin-right: auto;

}

There is no mention of how to write it for centering an image in the pdf so I found this code on another webpage.

I then used the following code in my WordPress Editor :

[wp_lightbox_mp4_video link=”http://localhost/somatxmarch2014/wp-content/uploads/2014/03/Core-Suspension-Intro1.mp4″ width=”640″ height=”480″ source=”http://localhost/somatxmarch2014/wp-content/uploads/2014/03/Intro-Video-Pic.jpg” class=”my_style_one”]

Any ideas on what I’m doing wrong ? -Many thanks – Richard

[mbrsolution]

Hi Richard, have a read through this URL

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

It might put you on the right track.

Let us know if it helps you.

Kind regards

[zhonghao]

Thanks for the reply however I have seen and tried the link about arranging in a grid which just places a single image on the left. as for the rest of the post in the link above I don’t understand a word so some clear instruction would be really appreciated. Please remember that people like me purchase plugins like this because we DON’T understand coding. – Many thanks

[mbrsolution]

Hi Richard, I understand and I am sorry if the link above is a bit challenging for you. Is your website running locally? If not, then can you share a link to the page in question so we can take a look?

[wpCommerce]

@zhonghao, please take a look at the following post which will help you center the anchor image:

https://support.tipsandtricks-hq.com/forums/topic/lightbox-ultimate-how-to-add-css-styles-to-a-lightbox-anchor-text-or-image

[zhonghao]

Hi Guys – thanks very much for the support. mbrsolution – yeah sorry but the site is being done locally otherwise I would have supplied the link but thanks anyway. I did as wpCommerce suggested and downloaded the css plugin. Applied the relevant code as given in the link and it worked first time. Great stuff – many thanks and cheers- Richard

[Author]

Posts