Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • July 23, 2015 at 1:19 pm #477700
    Yeti

    Hi folks,

    to switch off the Back/Forward Arrows, I have to use
    -page-id-123 button.mfp-arrow { display: none !important; }
    but this works only general for the whole page.

    Is it also posssible to switch them off for a single lightbox an not for all?

    For example I have three links on a page:
    …/portfolio-item/portfolio-itemOne/?iframe=true (will open with arrows)
    …/portfolio-item/portfolio-itemTwo/?iframe=true (will open with arrows)
    …/blog/SomethingCompletelyDifferent/?iframe=true >> this has nothing to do with the two others and should not have the both arrows.

    Thanx a lot for your time and help!
    Cheers,
    Stephan

    July 24, 2015 at 11:28 pm #478423
    Josue

    Hey Stephan!

    Try grouping the links like this:

    <div class='avia-slideshow'>
Link 1
Link2
</div>

<div class='avia-slideshow'>
Link 3
</div>

    Best regards,
    Josue

    July 26, 2015 at 4:40 pm #478746
    Yeti

    Hey Josue,

    cool, thanks! That works. But I need that also for several layers (linked images) in the LayerSlider WP. There I tried to add the class ‘avia-slideshow’ to > Attributes > Classes, but that doesn’t work.

    Any clue?
    Thanks & best regards
    Stephan

    July 26, 2015 at 9:13 pm #478787
    Josue

    Hey Stephan,

    Try using a HTML layer and setting the class explicitly there.

    <div class='avia-slideshow'>
Link 1
Link2
</div>

    Regards,
    Josue

    July 27, 2015 at 11:39 am #479009
    Yeti

    Hi Josue,

    ok – but in the LayerSlider WP I have a problem, when I integrate images via HTML (in a div container): In a responsive slider these images don’t scale, they always keep the origin size. I also tried it with style=”width:100%; height:100%;” and with “auto”. Or do I overlook a detail?

    Thanks for thinking!
    Regards,
    Stephan

    July 27, 2015 at 10:49 pm #479322
    Josue

    Hi Stephan,

    Can you post the link to your website please?

    Regards,
    Josue

    July 27, 2015 at 11:32 pm #479338
    Yeti

    Hi Josue,
    it’s a residue of an already developed site for testing (so don’t wonder, if something doesn’t make sense ;-)) See the link in the Private Content box below.

    In the LayerSlider on the grey map, northamerica and afrika are embedded as colored layers as usaula via > Content > Image (with additional hover>opacity css – but that should not matter). They scale exactly with the background map.
    Southamerika is embedded via > Content > HTML
    <div class="avia-slideshow"><a href="/oesterreich-impressum/?iframe=true" ><img src="/ourcontent/uploads/southamerica-col_330x356.png"></a></div>
    and it doesn’t scale at all.

    Thanks for your assistance – and regards
    Stephan

    • This reply was modified 9 years, 5 months ago by Yeti.
    July 27, 2015 at 11:56 pm #479347
    Josue

    Ok, where’s the LS containing the lightbox links?

    Cheers!
    Josue

    July 28, 2015 at 11:58 am #479608
    Yeti

    …it’s the grey historical worldmap on top of the homepage (it’s only one slide). The lightbox links are on northamerica, africa and – embedded via > Content > HTML – on southamerica.

    Cheers!
    Stephan

    August 1, 2015 at 4:53 am #481624
    Josue

    Hi Stephan!

    I’m not seeing it, seems you ran a Demo import.

    Regards,
    Josue

    August 5, 2015 at 10:58 am #483206
    Yeti

    Uuuuups! Sorry sorry, I was testing some elements and forgot to push back the former version. Now it’s online again. Could you please take a look once more?
    Thanks a lot,
    STephan

    August 7, 2015 at 3:11 am #484258
    Josue

    Hey!

    How they should look on mobile? can you post a mockup/screenshot?

    Best regards,
    Josue

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