Info request

hey Mark

I am glad you are enjoying FooGallery so far.

Looking at the lightbox on floriansommet.com it seems like a custom lightbox

You can install FooBox free but it will not give you the look and feel you are looking for exactly. You could also try the 7 day free trial of FooBox PRO which gives you a few more lightbox themes. The “Flat” theme might be closer to what you are after.

Hi, and thank you for your quick replay, I’m trying the foobox pro, the flat theme : Will it be possible with some customization CSS to add a solid white flat background?

Transparent is not math my client need.

In case not possible to accomplishing the result can we use any other light box plugin to your gallery?

Thank you

Mark

Hi, apologies, we have some updates:

At moment this is the result we have achieve:

https://www.lorenzoformicola.com/test-2/

We are pretty happy but still there are some modification to be applied for the lightbox:

We need to change background from transparency to solid white; then remove the item numeration below the image, how this is possible ? css code to add?

Also

Disable the slideshow icon button (maybe this is available in the plugin feature we didn’t did not found)

More important:

1 Concerning the view on smartphone and tablets we need to disable disable the light box

2 turn the thumbnails resolution higher as you can see now are interpolate and cropped a little

Let me know if we can cover this with pro version or by hiring some expert

Thank you

Mark

hi Mark,

I added this custom CSS to your page and it worked really well:

.fbx-modal {
    background: rgb(255,255,255,0.9);
}

You can change the transparency by changing the 0.9 (0.1 for really transparent and 1 for opaque)

To answer your other questions:

1) You cannot disable the light box only for mobile. I have answered your other forum topic with my opinion

2) You can make the thumbnail resolution higher by setting the retina x2 which will make the thumbs look really great on macs

Hi Bradvin!, thank you so much for the CSS CODE I really appreciate it, (it only work on desktop).

It is also possible to change the lightbox arrows colors? with white background are disappearing :S

Concerning the thumbnails res x2 is best for mac users? x3 x4 are not necessary …

For last, if the possibility to disable lightbox on mobiles devices is forbidden, will I be able if I hired someone to disable it?

Thank you so much again for your great support help

Kind Regards

Mark

hey Mark

If you choose the Black color scheme (under FooBox Settings -> Look & Feel Tab) it should make the arrows darker. And your white background custom css will still work.

x3 and x4 are not neccessary for your images as the thumb size is already quite large.

I also figured out how to disable the lightbox on mobile.

You will need to add this custom code snippet to your theme’s function.php

function disable_foobox_on_mobile( $enabled ) {
  if ( wp_is_mobile() ) {
	return false;
  }
  return $enabled;
}

add_filter( 'foobox_enqueue_scripts', 'disable_foobox_on_mobile', 999 );

Dear Bradvin, thank you so much! I really appreciate how you are devote to help your costumers for your great plugin very smooth and fluid!, we are almost there! We have decided to candidate your great plugin suite for the website! and more to come!

The code to disable the light box on device seems to work, but at the same time it bring the foobox gallery to work as default gallery; it let to open a single image. (can we disable this link to the image? I have not found any specific setting, maybe this deserve another further css code?

The problem with the arrow color is now fixed!

The last issue is still with the code for the white solid background which is work perfect on Chrome, firefox but no on SAFARI browser (desktop and also on mobile devices when light box is enable (just in case my client will decide later to re-enable the light box on devices)

Thank you so so much again!

Kind regards

Marco

Hi Bradvin, can you please answer to this questions?

The code below not work on SAFARI browser .. (solid white background on Lightbox)

.fbx-modal {
background: rgb(255,255,255,0.9);
}

Thank you so so much again!

Kind regards

Marco

hey Marco,

Sorry for the delay, I will investigate why this is not working in safari and let you know

cheers

Thank you very much Bradvin for your help!

Looking forward for your replay.

Kind Regards

Marco

Hi Bradvin, how are you? I was wondering if there is any new concerning the css code that isn’t working on Safari?

Thank you

Mark

@bradvin – are you able to follow up on this please?

hey Mark

You could try this CSS:

.fbx-modal {
background-color: rgb(255,255,255,0.9) !important;
}

Hi Bradvi, thank you to replay, unfortunately the background on safari browser it remain transparent …

?? ??

Mark

Hi Bradvi! how are you?

we are still looking to resolve this issue concerning Safari and background solid color …

Can you please try to give another look?

Ps: when you’ll implement a light box with manual customization feature ? Thanks