Responsive Image Gallery not working

  • Resolved jcmarti89

    (@jcmarti89)


    9 years, 9 months ago

    Hello,

    I have recently added FooGallery along side FooGallery Albums extension. I have selected the Responsive Image Gallery template but am encountering an issue when clicking on the images.

    When I have less than 5 images in an album the responsive Image template works, as I am able to click into the image to view them full scale and utilize the “? back to album” button.

    However when i have more than 6 images I an no longer able to click into the images nor use the “? back to album” button.

    This can be observed on my site by comparing the “Paris” album to the c2/c3/c4

    Thank you

    https://www.ads-software.com/plugins/foogallery/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author bradvin

    (@bradvin)

    Hi,

    There seems to be an issue with either the theme CSS that is causing the problem. You can see this in Chrome dev tools when right clicking any thumb in the gallery and inspecting element. There is a sidebar H3 element that is stretching over the entire page and stopping the hover and click events from working in the gallery. So it only has this issue when the content of the page is more then usual (6 images in the gallery). For some reason, really long content is not being handled well and the sidebar is not showing correctly.

    I could fix the problem when I removed the “pull-right” class from the div with id=”primary”.

    Thread Starter jcmarti89

    (@jcmarti89)

    Hi Bradvin,

    Thank you very much for the reply, I have done as you say and removed the “pull-right” class from div with id=”primary” but how do i save that change ?

    Is this change something i can save from the chrome dev tools , or is there somewhere in the template code where i have to make this change ?

    Thank you,

    Plugin Author bradvin

    (@bradvin)

    You will need to save the template in your theme folder.

    Thread Starter jcmarti89

    (@jcmarti89)

    Hi Bradvin,

    could you be a bit more specific ? Does this require for me to resave my theme template ? Or can i edit that string in the code and resave ?

    My theme is one called Aracade Basic, if i could edit that string where could i find that in the editor ?

    Thank you,

    jcmart89

    These entries will be stored in your themes css file. you would need to check site for your theme to find out where that is located. Most themes give you some where can customise the CSS.

    If you are going to do a lot of changes then you are better of creating a child theme. Basically this a copy of the parts of the theme code you intend to modify in a separate folder. Thus allowing the main theme to be updated with out you loosing your changes. Take a look at the link below Child Themes

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Responsive Image Gallery not working’ is closed to new replies.