1. Jay
  2. SP Page Builder 3.x
  3. Saturday, 01 September 2018
Hello,

I would like to disable the light box in the person add-on as I am not using any social icons. Would you please be so kind and let me know which custom CSS to use to disable the light box.

Thank you in advance.

KR,
Jay
Accepted Answer
Accepted Answer Pending Moderation
To disable/remove bg color layer use:

.sppb-addon-persion .sppb-person-image::after,
.sppb-addon-person .sppb-person-image::after {display: none !important; background: transparent;}

To remove all social icons from profile image

body .sppb-addon-persion .sppb-person-social-icons {display: none; z-index: -1;}

here (screenshot below):
Attachments (1)
  1. more than a month ago
  2. SP Page Builder 3.x
  3. # Permalink
Responses (9)
Accepted Answer Pending Moderation
You're welcome.
  1. more than a month ago
  2. SP Page Builder 3.x
  3. # 1
Accepted Answer Pending Moderation
Paul, you are great!!!

It works fine now. :)

Many thanks for your kind support.

Have a nice day.

Kind regards,
Jay
  1. more than a month ago
  2. SP Page Builder 3.x
  3. # 2
Accepted Answer Pending Moderation
ok, I added extra class name,
please use updated code above.

On my demo site it worked. Tested
  1. more than a month ago
  2. SP Page Builder 3.x
  3. # 3
Accepted Answer Pending Moderation
Hi Paul,

Thank you for the information.

I have done it in the Template custom code before, but it did´t work.

I have now also implemented the custom codes as per your advice in the PAGE OPTION, however the light box is still there. Please see the screenshots.

(That´s a good hint, I will read the HELIX Manual again!)

Thanks,
Jay
Attachments (3)
  1. more than a month ago
  2. SP Page Builder 3.x
  3. # 4
Accepted Answer Pending Moderation
In every page you have Options (top right corner)
beside you can also add in template settings

(it's time to read Helix3 manual)
Attachments (1)
  1. more than a month ago
  2. SP Page Builder 3.x
  3. # 5
Accepted Answer Pending Moderation
Hi Paul,

Many thanks for your answer.

The icons I can directly remove using the SP Page Builder by simply leaving the fields empty. However the lightbox is where I am struggling.

You made a screenshot to put the custom code into "PAGE OPTION", however I cannot find the "PAGE OPTION" anywhere. Would you please be so kind and let me know in more detail where to find it. Is it in the Template Style configuration or in Global configuration or else where.

Thank you again Paul.

Kind regards,
Jay
  1. more than a month ago
  2. SP Page Builder 3.x
  3. # 6
Accepted Answer Pending Moderation
Hi Paul,
sorry for my late reply. I must have overlooked your reply. The template I am using is SPECTRUM.Thanks in advance.
Jay
  1. more than a month ago
  2. SP Page Builder 3.x
  3. # 7
Accepted Answer Pending Moderation
Hi,
the main question is "In which template?", because by default there is no "extra" effects.
  1. more than a month ago
  2. SP Page Builder 3.x
  3. # 8


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.