-
Posts
-
UPDATE: I reinstalled the theme using the auto install and the lightbox now opens as it should. However, my portfolio item pages are not loading as they should when I click on the image title in the portfolio grid. I’m getting 404 errors for all of them.
Hi,
I manually updated to the most recent version of Enfold (I wasn’t working with a Child theme, unfortunately) and carefully copied over all the theme files except those that I had changed. Since updating the theme, clicking on a portfolio image just opens the large image on a blank new page instead of in the new lightbox as I’d like it to.
What am I missing/doing wrong?
I am providing website, login credentials and ftp credentials separately.
Thanks,
Trevor JohnstonHey trevorjohnston!
For the 404 issue try going to the WordPress Settings>Permalinks and then changing them to default, saving, checking your links, re-saving to your previous permalink settings.
Regards,
DevinHi Devin,
After replacing the theme files thatI had edited, I’m back to square one with the lightbox not working properly again. Clicking on a portfolio image just opens the large image on a blank new page instead of in the new lightbox as it should. Grrrr.
FYI, I’ve already tried deactivating all plugins. Didn’t make a difference.
Please see access details, etc. in my original post (sent as private data).Thanks,
TrevorHi Josue,
Remarkably, to me at least, I was able to get everything working last night by restoring the most recent avia.js file to the js folder. That did the trick. My only question now is:
Is it possible to change the arrow style of the new lightbox from closed triangles/arrows to open arrows (like < and >) so they are consistent with the other arrows used in blog and portfolio entry navigation?
Thanks,
TrevorHey Trevor!
Try adding this code to the Quick CSS:
div.avia-popup .mfp-iframe-scaler{ overflow: visible; /*so the close button is shown*/} div.avia-popup .mfp-zoom-out-cur { cursor: auto; } div.avia-popup .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: pointer; } div.avia-popup .mfp-close { width: 40px; height: 40px; right: -13px; text-align: center; border-radius: 100px; border: 2px solid transparent; line-height: 38px; padding: 0; top: -5px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; font-family: Arial, Baskerville, monospace !important; } div.avia-popup .mfp-close:hover{ border: 2px solid #fff; transform: scale(0.8); -webkit-transform: scale(0.8) rotateZ(90deg); } div.avia-popup .mfp-iframe-scaler .mfp-close{top: -43px;} div.avia-popup .mfp-figure:after{box-shadow: none; display: none;} div.avia-popup button.mfp-arrow:before, div.avia-popup button.mfp-arrow:after{border:none; margin:0; display:none;} div.avia-popup button.mfp-arrow:before{ opacity:1; display:block; position: absolute; top:50%; left:0; width:100%; height:80px; line-height:80px; margin-top:-40px; color:#fff; font-size: 50px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: normal; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-transform: scale(1,1); transform: scale(1,1); } div.avia-popup button.mfp-arrow:hover:before{-webkit-transform: scale(0.8,0.8); transform: scale(0.8,0.8);} div.avia-popup button.mfp-arrow:before { content:"\E87d"; font-family: 'entypo-fontello'; } div.avia-popup button.mfp-arrow-left:before { content:"\E87c"; font-family: 'entypo-fontello'; }Cheers!
JosueWow. Unfortunately though, that didn’t do the trick. The arrows are not visible at all. I can tell there is something clickable there because the cursor changes to the hand, but I can’t see any arrows at all.
- The topic ‘Problem with new portfolio lightbox’ is closed to new replies.