This topic has 20 replies, 4 voices, and was last updated 8 years, 8 months ago ago by Stan Russell
Hi Support,
Can you please assist how to add gallery when clicking on the button ( Circle in Yellow)?
At the moment when you click the button a video will appear and we would like to make this as a Image Gallery as showing in the print screen below. Can you change it and ad some samples of the pictures and we will change them afterwards?
http://i1340.photobucket.com/albums/o728/LibardoBarreto/GG_zpsevrwq0mk.png
Hello,
I’ve added images from Media library in the Modal Box content.
Please check it.
Regards,
Eva Kemp.
Thanks Eva. Looks good. However can we have it the same way as this print screen:
http://i1340.photobucket.com/albums/o728/LibardoBarreto/GG_zpsevrwq0mk.png
Meaning when I click on the image it will stay in the modal box but will appear a bigger picture above the small ones. For example of the print screen above you click on the small lake picture you will see the big picture above it.
Hello,
Unfortunately there is no such options. Sorry.
Regards,
Eva Kemp.
Hi Eva,
Are you saying then that the Royal DEMO is customize to look like this :
http://i1340.photobucket.com/albums/o728/LibardoBarreto/GG_zpsevrwq0mk.png
Or has used a plugin to have it look as above? When you say is not possible I wanted to check how the ROYAL DEMO was setup?
Hello,
Please provide us with a link where you see that modal box.
Thank you.
Regards,
Eva Kemp.
https://www.8theme.com/demo/royal/?page_id=1413
Click on IMAGE GALLERY button
Hello,
Sorry for misunderstanding.
The gallery can be created via Media library:
http://storage2.static.itmages.com/i/15/0429/s_1430314686_9759460_89141cec22.png
http://storage3.static.itmages.com/i/15/0429/h_1430314645_7801794_4196854290.png
I’ve created it for you. Please check.
Thank you.
Regards,
Eva Kemp.
Hi Eva,
Thanks. It looks nice now but is not working as should. When I click on the images I get the following errors :
http://i1340.photobucket.com/albums/o728/LibardoBarreto/ZR_zpshpyibcav.png
http://i1340.photobucket.com/albums/o728/LibardoBarreto/4RF_zpsg2cyud0z.png
Can you correct these?
Hello,
The issue has been fixed. I’ve linked them to media files:
http://storage1.static.itmages.com/i/15/0429/h_1430316120_6416139_a5ce482d2d.png
Please clear browser cache and check.
Regards,
Eva Kemp.
Hi Eva,
It looks much better now. However there is a issue with this modal box. When you hover your mouse on the images it shows the bigger image which is good. However when you click on the side to close the Modal box or the ” X ” button the image still keeps showing and would need to click again to eliminate this. I have clear the browsing cache so this would not be the case here.
Can you please check and fix this part?
http://i1340.photobucket.com/albums/o728/LibardoBarreto/dfsdf_zpskcmgctrz.png
http://i1340.photobucket.com/albums/o728/LibardoBarreto/44fdsf_zpshtzgnx2a.png
Hello,
I’ve added this code in CSS block in VC editor on the page “SPACE PLANNING & 3D DESIGN”
div.pp_overlay, .pp_content_container, div.pp_pic_holder {
display: none !important;
}
Please check gallery now.
Regards,
Eva Kemp.
Hi Eva,
Seems like the issue still persist. Now when I hover my mouse over the image it will not appear like this:
http://i1340.photobucket.com/albums/o728/LibardoBarreto/44fdsf_zpshtzgnx2a.png
However when I click on the image it will show like this :
http://i1340.photobucket.com/albums/o728/LibardoBarreto/44fdsf_zpshtzgnx2a.png
http://i1340.photobucket.com/albums/o728/LibardoBarreto/dfsdf_zpskcmgctrz.png
Is there a way when the client click on the images to NOT show the image in the back of the modal box ? This is also happening when you click on the ( X ) the picture still showing ..
Hello,
Please try to add this code as well:
.mfp-bg, .mfp-wrap {
display: none !important;
}
Regards,
Eva Kemp.
Hi Eva,
Can you eliminate the white space in the following pages:
http://bkbcuracao.com/space-planning-3d-design/
http://bkbcuracao.com/installation-services/
http://bkbcuracao.com/maintenance-warranty/
The white space is as follow:
http://i1340.photobucket.com/albums/o728/LibardoBarreto/3344_zps0byjpkbk.png
This is still showing in Google Chrome and internet explorer, Firefox after clearing cache
Hello,
Please try to use this code in custom css
.page-id-24901 .wpb_row,
.page-id-25283 .wpb_row,
.page-id-25286 .wpb_row{
margin-bottom: 0px !important;
}
Regards,
Robert Hall.
Hi Robert,
Thanks. Do I have to include also in Child Theme?
Yes, you can add this code in Child Theme or Custom CSS.
Regards,
Robert Hall.
where in the Child theme? In which file? functions.php?
Hello Libardo,
css code may be added to your child theme style.css file.
Regards,
Stan Russell.
You must be logged in to reply to this topic.Log in/Sign up