Toolbar doesn’t show up

  • Resolved Joe777

    (@joe777)


    1 year, 10 months ago

    The styling is bad for the toolbar in the upper right. It is all blue and the icons don’t show up. When I click in the blue box, it works, but the user can’t see what the boxes are for. I am using the ‘customify’ theme. I tried to find the CSS that styles the toolbar using Chrome Developer Tools, but wasn’t successful. I could change the color of the boxes, but the icon in the box wouldn’t appear. In the ARI Fancy Lightbox ‘Style’ setting, I have:
    Overlay background: black
    Overlay opacity: .87
    Thumbnails pane background: white
    Lightbox z-index: 200000

    Can you suggest CSS that I could use to fix the styling on the .fancybox-toolbar? Thanks for any help you can provide. And, thank you for the plugin. I use it on another website (bgaleria.com) and it works fine. I’m using the Astra theme with Elementor on that site. I would like to use it on kolbemission.com if I can get the toolbar to work.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author arisoft

    (@arisoft)

    Hello

    Sorry for the delay. Could you specify link/image for what our lightbox is used? Another lightbox appears when we click by images.

    Thread Starter Joe777

    (@joe777)

    Thanks for your reply. When I didn’t hear from you, I changed the lightbox back to one that works, since this is my live site. I have now changed it back to ARI Fancy Lightbox, so you can see what the problem is at the link I provided.

    Since I wrote my post I have tried many things to get this to work, but without success. I can get the button background color to change, but the icons in the buttons (e.g. the start arrow, or the ‘x’ symbol to close the window, etc) don’t show up no matter what I’ve tried.

    I really appreciate any help you can offer.

    Plugin Author arisoft

    (@arisoft)

    This conflict with site theme styles. Open “ARI Fancy Lightbox -> Settings -> Style” page and populate “Custom CSS” parameter with the following code:

    .fancybox-button {
    padding: 10px !important;
    background: rgba(30,30,30,.6) !important;
    }

    Thread Starter Joe777

    (@joe777)

    That works! Thank you so much for your help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Toolbar doesn’t show up’ is closed to new replies.

Tags