[SOLVED] CSS problems with CB Gallery display

timstohr
OFFLINE
Posts: 1091
Thanks: 56
Karma: 9

6 years 5 months ago - 6 years 5 months ago #305694 by timstohr

[SOLVED] CSS problems with CB Gallery display was created by timstohr

Hi Kyle,
I am getting a bit crazy about my inability to solve this right now.

How do you make the pop-up that comes up when one clicks on an image inside Gallery to be full size of the screen? I would like to reduce the margins of the pop-up so that the pictures themselves can be bigger.

Kind regards,
Tim

Last edit: 6 years 5 months ago by krileon. Reason: Added [SOLVED] tag to subject

Please Log in or Create an account to join the conversation.

krileon
ONLINE
Posts: 48560
Thanks: 8292
Karma: 1445

6 years 5 months ago #305715 by krileon

Replied by krileon on topic CSS problems with CB Gallery display

You can force edge to edge with CSS. Example as follows

Code:

.qtip.galleryModal {
	width: 100% !important;
	height: 100% !important;
}

That will still respect the max-width and max-height so it won't sit directly on the edge of the screen. If you want it to sit on the edge of the screen you can use the below to override the max sizes.

Code:

.qtip.galleryModal {
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
}

Don't really recommend doing this though.

Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.

Please Log in or Create an account to join the conversation.

timstohr
OFFLINE
Posts: 1091
Thanks: 56
Karma: 9

6 years 5 months ago #305720 by timstohr

Replied by timstohr on topic CSS problems with CB Gallery display

Ah awesome, thanks, I wanted to have side to side as I will use that CSS (for the side to side) only for the mobile template. On computer, I will leave it as is.
(I am using a mobile traffic splitter as part of a Progressive Webapp that I have developed.)

The following user(s) said Thank You: krileon

Please Log in or Create an account to join the conversation.

Moderators: beat, nant, krileon