Pop Up Box Customization

  • Resolved aengelbart

    (@aengelbart)


    5 years, 9 months ago

    Hi everyone, I would like to tweak the display of the fullscreen pop up view for projects.

    Is there any css I can use that will…

    1. Lower the opacity of the black background in full screen view so you can see the original web page behind it.

    2. Give padding to the text at the bottom of the pop up view so the description does not span all the way across the screen.

    Or if these capabilities are also available within the plugin interface that works too, I’m just not seeing it there.

    • This topic was modified 5 years, 9 months ago by aengelbart.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Dear @aengelbart,

    1. To change the opacity of background, please add the following CSS code in the “Custom CSS” field in your grid settings:

    .lg-backdrop.crp-1-popup-backdrop {
    opacity: 0.6!important;
    }

    You can change the 0.6 in code, to make it less or more transparent.
    Please try this and let me know if it helped.

    2.About the paddings, I see you’ve already fixed it. If you have any question regarding this, just let us know.

    Thread Starter aengelbart

    (@aengelbart)

    Yes, I figured out the padding. But thanks for the tip on the opacity. I was struggling on that one!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Pop Up Box Customization’ is closed to new replies.