Photo Gallery Module- is not responsive

Hi there,
I have been using the business catalyst for a few sites but I have noticed that the photo gallery module isn't responsive and when you look at the gallery on a phone it doesn't adjust to fit the screen. Is there anything that can be done about it?
I asked the support guys but they said they can't help as it is an html / css question, however, I think if the responsive template comes with a photo module- it should actually be responsive.
Thanks
Emily

Here's a few lines of CSS to get the modal behaving responsively: javascript - Making Business Catalyst Lightbox Responsive - Stack Overflow

Similar Messages

  • Photo Gallery module- isn't responsive

    Hi there,
    I am trying to find out if someone can help me with the photo gallery module. I have used the photo gallery module in a responsice template but it isn't responsive when you look at it on a phone. I have asked for help from the support but they said it is a css / html question so they can't help. This seems a bit odd as the module has been provided in a responsive template- and should really work as responsive.
    If anyone could help or knows of the code that needs to be added in to make it work, that'd be really appreciated
    Many thanks
    Emily

    Here's a few lines of CSS to get the modal behaving responsively: javascript - Making Business Catalyst Lightbox Responsive - Stack Overflow

  • How do I modify the template used in the Photo Gallery module

    I notice the Photo Galleries are rendered as an HTML table and I would like to make a small modification to the way the gallery is rendered on the page.
    Basically I just want to wrap a DIV around the <img> tag so I can control the look of the image via my own CSS.
    I see there is the ability to modify Module Templates, but the photo gallery module is not listed there.
    Where can I access the template used for a photo gallery?
    Alternatively I will need to display the images myself using an XML feed and jQuery, but I would rather use BC's own modules when I can.

    Hi David,
    There is no template for the photo Galleries. But if you are using Firebug you can find out the css values and add your own modification by adding CSS by the same selector as the current gallery to your own page and use the !Important value to over write the gallery css.

  • How to make existing Photo gallery module responsive?

    I could not find any tutorials how to change the existing photo gallery module so it would be responsive. Is there a solution already?

    The link I put above maybe?
    CSS - Every element has a default display type but every element can have its block level changed.
    A span is an inline element but you can turn it into a block level element. A table element is a table or table cell display type but you can turn it into block level. This is all CSS2/1 stuff so cross browser compatible (but if your doing media queries and responsive the old browsers are not considered anyway) and very straight forward.

  • How to make the Photo Gallery module responsive?

    Hi,
    I am using Fondation and have a photo gallery on this page www.sunnysideinstantlawn.com.au/gallery made from the Photo Gallery Module in BC.  How do I make it responsive?
    I know there are alternatives out there using jquery but I would like to continue using the photo gallery module if possible.
    Any help would be greatly appreciated.
    Cheers,
    Tammy

    Hi BBowyer
    I really like Pretty Photo (http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/) - how do I implement it on this page http://www.sheepconnectsa.com.au/gallery?
    I understand jquery but it gets abit confusing with implementing it on this page.  Would it be best for me to create a web app and do it?
    Cheers,
    Tammy

  • Photo Gallery Module - Customize large image size

    I need to figure out how to customize the size of the full image on the Photo Gallery Module. I have a couple of clients using this module that do not understand how to crop and resize images before uploading them.
    I understand this can be done through CSS, but the issue I foresee is that the original image is still used which could have a large file size. Is there a workaround for resizing the full size image and also reducing the actual file size? Either through CSS, JS, or maybe even the new BC Liquid engine? Any help would be appreciated. Thanks.

    You can go to the file manager and use the resize option on images in there.
    BUT
    They need to do this outside of such systems, BC will only edit based on numbers and math, if the client gets the wrong proportional values it will screw up the images, the system will not crop the images, only scale them so things can turn out squashed etc.
    If images are being used on the web as an indicative representation of something for a site, they need to be done properly and out of the system before they come in.

  • Can I add a business catalysts Photo Gallery module to Muse.

    Can I add a business catalysts Photo Gallery module to Muse - As my client want to upload images themselves to the gallery.
    I know that with the Muse plugin this is not possible. Therefore wanted to see if the photo gallery module in BC would work the same as the Blog Module?
    Thanks

    If you're a little familiar with Business Catalyst, you might find this widget helpful.
    It's a BC Photo Gallery - Muse Widget, Its very easy to use and customize.
    There is a training video on how to set it up.
    However Brad is right, you'll need to upgrade to BC webMarketing Plan.

  • Simple way to use the Photo Gallery Module and flexslider to create an editable image slider?

    I want to offer an image slider that my clients can easily update themselves through the Admin. Ive researched it alot and I know it can be done using web apps but does my cliently seriously need to pay over $400 a year for the webcommerce option just to have an updatable image slider?? I find that unrealistic. Does anyone know how to set this up using the photo gallery module and "flexslider" so clients on the business marketing plan can have access to a simple and clean editable image slider?
    Any BC experts that can help would be greatly appreicated!
    Thankyou

    Not an expert, but I think what you're looking for is a slider that can get its list of photos from an XML file.  The Photo Gallery module can produce an XML file.

  • Export preset to Business Catalyst Photo Gallery Module

    Does anyone know of a Export Preset to Business Catalyst Photo Gallery Module. Similar to the ones available for exporting to Smugmug or Zenfolio?

    If you're a little familiar with Business Catalyst, you might find this widget helpful.
    It's a BC Photo Gallery - Muse Widget, Its very easy to use and customize.
    There is a training video on how to set it up.
    However Brad is right, you'll need to upgrade to BC webMarketing Plan.

  • Photo Gallery module - photo removal

    Gday BC users
    I have setup a Photo Gallery via the standard photo gallery module.
    I haven't found a method via the BC interface to remove an item. I did it via FTP, but am wondering, is FTP the only way available? as this doesn't really help my client to be an administrator.
    cheers
    Darryl

    Your client can easily delete it using the file manager in the admin. No need to use FTP. They can add images the same way.
    Message was edited by: Brad Lawryk

  • Easiest way to edit photo gallery modules?

    Hi,
    I apolagise if this is a simple question but where can I customixe the CSS of Photo Gallery Modules, just to change thumbnail size etc.?
    Thanks.

    http://forums.adobe.com/message/6230084#6230084

  • Web Photo Gallery - Contact info not functional?

    When I build a web gallery, using the Flash Gallery (default) in the 'Template Browser', no matter what info I put in the 'Contact info' and 'Web or Mail link' boxes (under Site Info), it does not work.
    Example, under 'Contact info' I put the word 'Contact'....in the 'Web or Mail Link' I put 'mailto: [email protected] (I have not put my actual email here for purposes of this forum, and yes my email address is valid and will both send and receive in Outlook).
    So anyways, when I upload the new web gallery using Dreamweaver CS3, or if I just simply preview it using the 'Preview in Browser' button, well the word 'Contact' appears in the upper right corner of the web page (photo gallery - as it should since that is what I put as word in the 'Contact info' box, but yet when I click on the word 'Contact' it it does nothing. Actually when I click on the word 'Contact' the first time, there is a line that appears below (as if to identify a link). But as I say it does nothing, opens no email window, nada! Except for when I click on the word 'Contact' subsequently, there is no more line underneath as if the link had become inactive???
    I tried using another email address of mine, which is also shorter, but it does not work either....I also tried putting my main homepage address into the ''Web or Mail link' box and still nothing happens...it's as if the link is not functional...?
    Has anybody else experienced this? Am I doing something wrong? Is it maybe just a Flash Gallery bug? (Because I have not tried using other type galleries i.e Blue Sky)

    I have the exact same problem, step by step in Lightroom 2.4. I'm using Vista Ultimate SP2 and Internet Explorer 8.
    Have anyone found a solution to this problem or is it just the two of us?

  • Photo Gallery Lightbox Navigation not working

    Hi,
    The previous, next, and close buttons don't seem to be working for some of the photos on this page: http://vanessastone.namastecms.com/media/photos/community for the photo gallery lightbox.  The issue only appears to be happening in Chrome and Safari.  Firefox is working fine.  I looked around in Chrome's Developer tools but didn't find any hints as to why that might be happening.  Any help is greatly appreciated!
    Thanks,
    Jeff

    Sorry InteractiveGuru, it looks like I posted on the wrong thread. The reason the buttons aren't working is because of your CSS regarding your left, right and close buttons are not suitable. You'll want to either revisit your CSS, or revisit how the buttons are formatted (e.g the three <a>'s).

  • Photo Gallery Images Do Not Display When Uploaded

    I have made a photo gallery in Bidge, and locally, it looks fine. WHen I upload the folder to the remote server, none of the images will display.
    Everything is contained in the gallery folder, and I uploaded that folder. The web pages are displayed, but the images will not.
    On the image below, the list of local files are on the right, and the remote files are on the left.
    Please tell me what I've missed. Thanks.

    Is your photo gallery from a Collection?  Don't think those can be shared as they are  just alisis and not the image.

  • Web Photo Gallery - Feedback form not emailing?

    I'm using CS2 PShop and have created a web photo gallery using the Centred Frame 2 style and have entered my email address etc correctly. The gallery displays fine and on my mac I can approve and add descriptions, save and email the saved data - it asks for a name and on clicking OK launches Entourage 2004l and pours the data into a new email message body correctly.
    The problem is I want someone in Italy to review the gallery and get his feedback. When he approves/adds descriptions/saves and clicks the 'email feedback' button, he IS prompted for a name, but on enetering name and clicking OK, nothing happens and his mail client is not launched. He is on a windows PC using IE 6. What is going wrong? Is this a browser issue.
    Help required asap.

    You may need to edit the html code.
    The code for mailing should be something like this (with your email address obviously!):
    <a href="mailto:[email protected]">Click to send an e-mail</a>

Maybe you are looking for