Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 24, 2015 at 1:10 am #524164
    sitesme

    Hi,

    I just added a few links to open in a lightbox by using an iframe with the code
    http://url.com/?iframe=true

    However, there are a two arrows on the sides of the screens and since this is a single page link, the buttons simply do not work. They keep reloading the same iframe over and over.

    How can we hide these arrows? http://dns.d.pr/11e5v/2h1599Rf

    Thank you

    October 26, 2015 at 7:29 am #524668
    Rikard

    Hey sitesme,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    October 26, 2015 at 8:28 am #524696
    sitesme

    Hi Rikard,

    The website is not in public at the moment and I don’t have permissions to create a username / password (required to see the website).

    If you look to Enfold demo here: http://kriesi.at/themes/enfold/shortcodes/gallery/
    The gallery is showing these arrows when you click on a picture: http://dns.d.pr/3TcI/3mFTtg2g – these are the arrows we would like to remove / hide.

    Thank you

    October 26, 2015 at 4:17 pm #524998
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    button.mfp-arrow {
    display: none;
}

    Cheers!
    Yigit

    October 26, 2015 at 4:22 pm #525010
    sitesme

    Yigit,

    That worked like a charm, thank you :)

    However, this code also removed the arrows from all lightboxes on the website. Is there any way to keep them on galleries for example OR (better) to simply hide the arrows on lightboxes that are activated by the ?iframe link?

    Hope one of this solution is possible.

    Many thanks for your great help, as usual…

    October 26, 2015 at 6:10 pm #525116
    Dake

    Hi!

    You can add a page-id to the beginning of Yigit’s css so it only affects the gallery on a specified page.

    For example:

    .page-id-65 button.mfp-arrow {
    display: none;
}

    Regards,
    Dake

    October 26, 2015 at 7:28 pm #525154
    sitesme

    Thank you Dake,

    That seems a great solution for situations where there are two different pages.

    On our system we have a single page with ?iframe links and galleries this will not work.
    Is there a way to show / hide the arrows in specific color codes for example?

    October 28, 2015 at 9:49 am #525960
    Ismael

    Hey!

    You can try this:

    .mfp-iframe-holder .mfp-arrow {
    display: none !important;
}

    Regards,
    Ismael

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