Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #240001

    Hi Guys,

    You kindly helped me out with the gallery sizing issue here:

    http://www.kriesi.at/support/topic/google-fonts-impacting-gallery/

    However, on entering the CSS code recommended:

    #top div .avia-gallery .avia-gallery-big-inner { height: auto; }

    The lightbox now behaves incorrectly.

    In Google Chrome it does not appear. The page fades to grey and if you scroll down to the bottom of the page there is a large white space displayed.
    On Samsung Tab 3 – Chrome browser it does not display the light box at all
    On Samsung Tab 3 – native browser it does not show the lightbox
    On Samsung Galaxy S2 – native browser, lightbox doesnt show but also, the header appears very extended ??
    On Samsung Galaxy S2 – Chrome browser the lightbox appears, but you have to “chase” it down the screen. Also the extended header is present and I also notice the google fonts are not displayed at all??
    On IE11 everything works as expected
    Haven’t tested firefox or Safari yet…

    Any help gratefully received!

    Thanks,
    Stuart

    • This topic was modified 7 months ago by  gingerstu.
    #240151

    Hey Stuart!

    Please update Enfold to the latest version 2.6.2 and let us know if issue remains – http://www.kriesi.at/documentation/enfold/updating-your-theme-files/

    Best regards,
    Yigit

    #241775

    Will give that a go today

    #241777

    Ok guys, theme updated. results of my testing are:

    In Google Chrome it does not appear. The page fades to grey and if you scroll down to the bottom of the page there is a large white space displayed.
    On Samsung Tab 3 – Chrome browser now displays the lightbox, but you have to “chase” it down the screen
    On Samsung Tab 3 – native browser it does not show the lightbox and now you can’t change the image that appears in the ‘big thumbnail’ by selecting one of the small thumbnails
    On Samsung Galaxy S2 – native browser, lightbox doesnt show and now you can’t change the image that appears in the ‘big thumbnail’ by selecting one of the small thumbnails. Extended Header issue resolved
    On Samsung Galaxy S2 – Chrome browser: Extended Header. Google Font not showing, Gallery ‘Big Preview’ height not auto adjusting as per the CSS. Lightbox does not appear although page fades to grey and it seems that you can ‘chase’ it down the screen but its not showing
    On IE11 everything works as expected

    here’s a screen shot of how i have the header.php configured with the google font code if it helps:

    https://www.dropbox.com/s/4ddig3zdh90t31g/headerphp.PNG

    thanks,
    stu

    #243037

    Hey!

    Can you try removing that line from Header.php and check if that helps?
    Please see Ismael’s post here to add new Google fonts and font weights – http://www.kriesi.at/support/topic/add-new-font/#post-234710

    Cheers!
    Yigit

    #274323

    I’ve used the following code on Functions.php:

    function add_google_fonts() {
     
    wp_register_style('GoogleFonts', 'http://fonts.googleapis.com/css?family=Overlock|Shadows+Into+Light+Two');
     
    wp_enqueue_style('GoogleFonts');
     
    }
     
    add_action('wp_print_styles', 'add_google_fonts');

    And then I call the font-family using CSS. works perfectly

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Google Fonts Impacting Lightbox’ is closed to new replies.