Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #477700

    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

    #478423

    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

    #478746

    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

    #478787

    Hey Stephan,

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

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

    Regards,
    Josue

    #479009

    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

    #479322

    Hi Stephan,

    Can you post the link to your website please?

    Regards,
    Josue

    #479338

    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 8 years, 8 months ago by Yeti.
    #479347

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

    Cheers!
    Josue

    #479608

    …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

    #481624

    Hi Stephan!

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

    Regards,
    Josue

    #483206

    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

    #484258

    Hey!

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

    Best regards,
    Josue

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