Portfolio pop up not working

Hi,

There is an option in this plugin settings to disable the portfolio quick view icons.

You may be disable it. Please check it in this plugin advanced settings and enable it.

Screenshot – https://puu.sh/DwGhg/5ed187d3e3.png

Thanks
Imran

Hi Imran,

Thank you for your speedy response.

I updated the settings and enabled the portfolio overlay links and the portfolio page still isn’t popping up.

Is there something else that may be causing the issue?

Thanks,
Celeste

Hi,

Now you have the icons. As your image is white, it’s not visible.

Please add this CSS code on your site. The issue will be fixed, and it will look like this – https://puu.sh/Dx7vE/31745c1809.png
https://puu.sh/Dx7vV/29fe53b9e0.png

figure.effect-marley:hover figcaption {
    background: rgba(0, 0, 0, 0.3);
}
figure.effect-marley .wpb_fp_icons > a > i {
    color: #000;
} 

Hello,

I tried adding the CSS code to the site and when I went to publish it, I received this message: https://paste.pics/93de6645d2f8f04fa224074dc5e6b42b

These are the errors that popped up along with the error message: https://paste.pics/062a7e77030374db2677913c9e378846

Do you know how to correct the CSS code so the pop-up portfolio works as it should?

Thanks again for your help,
Celeste

I am sorry, Please copy the CSS code from here – https://pastebin.com/wfEMggan

Hope it will now show that error.

Thanks

That code worked, thank you.

Just two quick design questions:

1. What size image works best for the pop-up page? Looking at the demo version of the plugin, the images are a lot bigger than the one I uploaded when you click on the eye icon. Here’s a screenshot of the image I am referring to: image screenshot

2. When I click on the link icon to the portfolio page, there is a gray rectangle next to the image. Do you know why this is appearing? Does it have to do with the size of the featured image? Here’s a screenshot of what it currently looks like: portfolio page

Thank you again for your help!
Celeste

Hi,

Your image size is very small in size, the recommended size is minimum 768px in width.

Or you can add this CSS code to decrease the quick view size –

.white-popup {
  max-width: 960px!important;
}

And for the second issue, the gray rectangle is coming from your theme. Add this CSS code to remove it –

.single-wpb_fp_portfolio .post-thumbnail {
    background: transparent;
}

Hi,

Thank you so much!

This is perfect, everything is more correctly sized now. The portfolio is looking good.

I appreciate your speedy responses and guidance – so helpful.

Thanks,
Celeste

Hi,

Really good to know you love our support.

Please give this plugin a 5-star rating, it will be so helpful for us.

Huge thanks in advance.

Hello, I’m so sorry, but I have the same problem. Could you send me too the CSS code, please?

@olena14,
Please open a new ticket with your site URL. I will help you.