Simple Lightbox


#1

Hello rtMedia! :slight_smile:

I wish to have images to show a simple lightbox, without the big section on the right:

Wish it to be like this when you click on a image:

Hopefully you can help me out, brought the Pro version


#2

Hello @Jonas_Bogvad,

Try adding following custom css code to ‘Custom CSS’ tab under rtMedia admin setting:

.rtmedia-single-container .rtm-lightbox-container .rtmedia-single-meta {
display:none;
}
 #rtmedia-single-media-container {
width: 100%;
}

Here, you can set your custom css as per your requirement.

Thank you.


#3

@pranalipatel

Hello Thanks for your help, but not working correctly :frowning: Here is a screenshot of the changes, your code did: .imgur.com/IH27j5M.png

Leaving the right area totally black instead of vanish.


#4

Hello @Jonas_Bogvad,

May I know your site URL, so that we can debug the issue?

You can make private reply here.

Thank you.


#5

Hello dont get why i dinit get a email from the site, to see that you reported back.


#6

Sended a private message to pranalipatel


#7

Hello @Jonas_Bogvad,

We have replied you on private message.

Thank you.


#8

Please tell me how to remove black area in the right of lightbox. thanks


#9

Hello @supergrower,

You can try adding below CSS code to your Custom CSS tab under rtMedia admin settings :

.rtmedia-single-container .rtm-lightbox-container .rtmedia-single-meta {
display:none;
}
#rtmedia-single-media-container {
width: 100%;
} 

Thank you.


#10

Hallo. How to make photos in the center of the screen? I dont want to show black useful black area.


#11

Hello @supergrower,

The CSS provided in earlier reply places the media in center position as well by giving width of 100%.

You can try adding below CSS code to your Custom CSS tab under rtMedia admin settings :

.rtmedia-single-container .rtm-lightbox-container .rtmedia-single-meta {
display:none;
}
#rtmedia-single-media-container {
width: 100%;
}

We have checked the CSS again and it is working fine. You can see the same in below screenshot :

If the issue still persists, please once try with any default theme of WordPress and deactivating other plugins to avoid any conflicts.

Thank you.


#12