Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #896592

    Hello,

    I have a problem with our enfold theme.
    I would like to build a masonry-gallery with a lightbox. But if I open the lightbox, for example in the edge browser, there ist a black box above the lightbox picture.
    This does not happen in every browser, but in chrome, edge and opera, so that’s a big problem …

    Thank you and best regards,
    Sarah

    #896763

    Hi Sarah,

    I have tested it on Chrome and I don’t see the issue, can you post a screenshot on how it looks on your end?

    Best regards,
    Nikko

    #897978

    Hi Nikko,

    I send you the screenshot by wetransfer, so you can download it.

    Best regards,
    Sarah

    #899321

    Hi,

    I have opend with Chrome and I couldnt see black but I see it properly

    Best regards,
    Basilis

    #905470

    EDIT
    Forget about my comment below; problems disappeared after moving complete site to SSL.

    ====

    Hi, same thing happening here: https://snag.gy/DixTZM.jpg (page: http://www.geldenlevensgeluk.nl).

    It only happens in Chrome.

    The site (homepage) has a slideshow with a button, that opens a lightbox; in the lightbox should show text, that has been defined as the content of another webpage. So the link of the button is something like: http://geldenlevensgeluk.nl/heb-je-gevoelens-van-onrust-over-geld?iframe=true

    As said, the problem does not occur in other browsers. For example, in Safari it looks correct: https://snag.gy/jP5wOl.jpg

    • This reply was modified 6 years, 10 months ago by Marc Bijl.
    #906036

    Hi Marc,

    Thanks for the update, so you got your problem solved?

    Best regards,
    Rikard

    #906099

    Yep, got my problem solved. Turned out my lighboxes (with anohter webpage as content) went black in Chrome because the site was not secure; Chrome doesn’t like that.

    However, this support ticket wasn’t mine, so don’t know about the status of @ON3D

    #906119

    Hi Marc Bijl,

    Glad that it’s fixed on your site :) We will keep this thread open since it’s not yet resolved on the thread creator’s site.

    Best regards,
    Nikko

    #907890

    Hi Support-Team,

    I fixed the problem with the black box on my own, but now I have another problem.
    I would like to change the Letter Spacing in the main menu (logo area). I changed it in the mobile menu (using “Menu Links in overlay/slide out”) and in the body text (using “<body>”) but on the regular side the Letter Spacing of the main menu is still too small.

    Best regards,
    Sarah

    #907977

    Hi Sarah,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    #header #avia-menu .avia-menu-text {
        letter-spacing: 0.05em;
    }

    Hope this helps.

    Best regards,
    Nikko

    #908118

    Hi Nikko,

    that works very nice, thanks a lot!!
    But now I have the same Problem with the text, that appears by mouseover. Is there a way to change the letter spacing and the font size unattached by the body text? Preferably in each case for different screens.

    Thank you in advance!
    Sarah

    #908316

    Hi Sarah,

    Yes, I have checked it and the text showing on mouseover has spaces in between each letters/numbers. You can remove the spaces and use this:

    #top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {
        letter-spacing: 0.05em;
        font-size: 40px;
    }

    Just adjust the font size and letter spacing :)

    Best regards,
    Nikko

    #909827

    Hi Nikko,

    thank you very much, that works perfectly!

    Best regards,
    Sarah

    #909854

    Hi Sarah,

    Glad we could help! Thanks for using Enfold :)

    Best regards,
    Nikko

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