Opacity on Light Box?

I have this code to display an image in a larger size when clicked. I want the image to pop-up in a light box with an opaque background. How do I accomplish this? I am using this code in text box in Cornerstone.

[x_image type=“thumbnail” float=“none” src=“http://clients.andyrenk.com/srs/wp-content/uploads/2017/07/PW-Screenshot2.jpg” link=“true” info=“popover” info_place=“bottom” info_trigger=“hover” info_content=“Sample ProfitWalk screen” lightbox_thumb=“http://clients.andyrenk.com/srs/wp-content/uploads/2017/07/PW-Screenshot2.jpg” lightbox_caption=“Sample ProfitWalk screen opacity=“0.875” prev_scale=“0.75” prev_opacity=“0.75” next_scale=“0.75” next_opacity=“0.75” orientation=“horizontal” thumbnails=“true””]

Hi there,

As of the explanation below you just need to add [lightbox] at the end of the code:

So the shortcode will be:

[x_image type="thumbnail" float="none" src="http://clients.andyrenk.com/srs/wp-content/uploads/2017/07/PW-Screenshot2.jpg" link="true" info="popover" info_place="bottom" info_trigger="hover" info_content="Sample ProfitWalk screen" lightbox_thumb="http://clients.andyrenk.com/srs/wp-content/uploads/2017/07/PW-Screenshot2.jpg" lightbox_caption="Sample ProfitWalk screen opacity="0.875" prev_scale="0.75" prev_opacity="0.75" next_scale="0.75" next_opacity="0.75" orientation="horizontal" thumbnails="true""]
[lightbox]

Hope it helps.