Tagged: 

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • October 3, 2015 at 1:20 pm #513141
    niguli

    Hi guys,
    i need that all the links (on square image, name post and date post) on the latest (3 in my widget) portfolio entries in the widget (see footer area, in the middle column) open in a lightbox and not on their content page. Is it possibile? Like in the promozioni page (site is in development).

    can you help me? thanks

    October 5, 2015 at 10:49 am #513587
    Andy

    Hi Nicola!

    have a look here and check out “Inline content”: http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/#prettyPhoto

    Cheers!
    Andy

    October 5, 2015 at 10:55 am #513594
    niguli

    yes, it is nice. This solution could work:

    But the problem is that i’m using an Enfold widget in the footer area, so i cannot edit the code directly.

    October 5, 2015 at 11:42 am #513622
    Yigit

    Hi!

    I have added following code to Functions.php file of your child theme 

    function add_custom_target(){
?>
<script>
jQuery(window).load(function(){
jQuery('.newsbox a').attr('target','_blank');
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_target');

    Please review your website now

    Regards,
    Yigit

    October 5, 2015 at 11:44 am #513624
    Andy

    Hi!

    ahh … then you need to search a plugin for this special WordPress function. I found this one: https://de.wordpress.org/plugins/simple-lightbox/

    Cheers!
    Andy

    October 5, 2015 at 12:16 pm #513671
    niguli

    @Yigit.

    It seems it does not work for me.
    All links in the footer (latest portfolio entries widget) open a new url (new panel)…

    October 5, 2015 at 12:23 pm #513679
    Yigit

    Hi!

    Yes, i understood you incorrectly. You can refer to Andy’s post above and go to Enfold theme options and uncheck “Lightbox Modal Window” to disable builtin lightbox

    Regards,
    Yigit

    October 5, 2015 at 12:34 pm #513693
    niguli

    can you summarize all step by step (1. 2. 3.) ?

    please remember that I need only those links in the footer to open in lightbox (not all links at all).

    October 6, 2015 at 8:39 am #514192
    Ismael

    Hey!

    How did you add the iframe=true query in the url? You can actually override the default portfolio link. Edit the portfolio item then look for the “Overwrite Portfolio Link setting”. Set it to define a custom link. Add the url with the iframe parameter.

    Regards,
    Ismael

    October 6, 2015 at 11:02 am #514280
    niguli

    Hi Ismael … it seems a little bit too complicated ….

    I insert in the item first one, Eastpack item) the custom url http://www.maxitracce.it/wp-content/uploads/2015/09/Eastpack.jpg?iframe=true, but now i have 2 bugs:

    1) the jpg frame is not full visible, and needs to be scrolled. I need it in full screen like other lightbox

    2) (of course) the click on the first item here below in the portfolio page opens in a frame too, not like the others 2 (felsini and nike)

    I’m pretty sure that the solution is to edit the widget behavior itself (the code), but I dot’ know how…
    please help me more.

    • This reply was modified 9 years, 1 month ago by niguli.
    October 6, 2015 at 11:30 am #514299
    niguli

    How did you add the iframe=true query in the url?

    I did not inserted it. Perhaps it comes from Yigit modification?

    October 9, 2015 at 9:45 am #516270
    Ismael

    Hi!

    Thank you for the update. We removed the code on functions.php. Please try to add this in the Quick CSS field to resize the lightbox container:

    .mfp-iframe-scaler {
    min-height: 1000px;
}

    Adjust the value if necessary. You might need to add css media queries to adjust the min-height property on smaller screens.

    Cheers!
    Ismael

    October 9, 2015 at 10:09 am #516283
    niguli

    thanks, i’m trying.
    which css rule can I use to align the image centered in the frame?

    October 10, 2015 at 11:31 am #516761
    Ismael

    Hey!

    Please try this:

    body {
    text-align: center !important;
}

    The modification might affect other areas in the site.

    Cheers!
    Ismael

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.