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.

Similar Messages

  • 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

  • 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.

  • Customizing the Photo Gallery

    I am very curious to see if anyone knows how to customize the photo gallery module in it's look/functionality without using web apps?
    (In other words stay on a lower BC plan, no web apps, but have a cool gallery that a user could change the photos themselves)
    ANY help on this mis much appreacited!

    Hi,
    You might want to check out Kiyuco's various implementation tutorials on existing 3rd party galleries. 
    - http://kiyuco.com/business-catalyst-modules/photo-galleries
    Kind regards,
    -Sidney

  • How can I modify the Contacts Template to display additional fields with out selecting "add field" everytime?

    How can I modify the contacts template in either iCloud, my iPhone, or my iPad to display additional fields that I always use ... example: How can I get Job Title to always be a fillable field with out selecting "add field" everytime?

    Let the HairSalon implement the java.lang.Comparable interface. You'll need to write code for
    public int compareTo(Object o1, Object o2)
    The compare method would cast the Objects to HairSalons and return the difference in price.
    Then use java.util.Arrays.sort(Object []);

  • How do I modify the image size on OXO template HP

    the temporary site is "http://printtest2.businesscatalyst.com/"
    this is regarding what appears to be a "catalogue" presented on the homepage of the OXO template site. I want to modify the size of the images but can't find where the code is kept.
    When I'm in "design view" it looks like the content is being called by // {module_webapps,13325,a,}
    and when in "code view" it looks like its called by // {module_productfeaturelist,last,2,Default,,,true}
    Where can I view these pieces of code, or the module screens, and how do I modify the attributes?
    Is the {module_productfeaturelist,last,2,Default,,,true}, embedded in the {module_webapps,13325,a,} and if so, where can I go to see that?
    Thanks very much.
    Scott.

    something is changing the file size (dimensions), the actual dimensions are smaller than what is displayed.
    Can I modify the css through the BC admin interface, if so, where?
    I know this is newbie stuff, but I gotta start somewhere.
    Thanks.
    Scott.

  • How should i modify the hp54600a instrument driver for GPIB so i can use it for RS232 interface ?

    I try to modify the hp54600a instrument driver for GPIB, so i can use it with RS232. But somehow it didnt work. When i try to run the initilize it, the prgoram show VISA read error (time is up before the process is finish). How should I modify the VI so I can use it with RS232 interface ?

    First, check the instrument's user manual to see if the GPIB and serial command sets are the same. Also check to see what EOS(End of String) characters the instrument requires. Then, do a loopback test to test communication in LabVIEW.
    Search Results: Serial Loopback Test
    Ray K
    NI Applications EngineerMessage Edited by Molly K on 02-18-2005 10:57 PM

  • In iMovie, how do you modify the duration of all the clips at once?

    In iMovie, using Mavericks O/S, how do you modify the duration of all the clips at once?

    To set the duration of any clips to be added in the future select the project then "Settings" above the viewer.    Adjust the slider to the right of "Clips" to the desired duration.
    To change clips already in the timeline, select all of the ones you want to change (so they have a yellow border), click on "Adjust" then click the info button (i in a circle).  You will see "Duration:"  Set the time in seconds and press return.
    Geoff.

  • Qosmio X500-15F - How can I modify the DPI?

    Hello
    With Qosmio X500-15F and graphic card NVIDIA GeForce GTX 460M
    I'm using a professional software for jewelry building (Matrix 6.0 based on Rhinoceros 3D 4.0 SR9). When starting it, the software is asking me to set the DPI to normal.
    How can I modify the DPI? I already tried different resolution settings. It doesn't change the problem.
    Thanks for help

    DPI is how many pixels per inch of the LCD. You can't change that.
    I think the software needs a specific resolution or LCD size. Try lowering the resolution to 1280x800 or try an external monitor.

  • How can I modify the domain of a comment server?

    Acrobat 9 in Windows 7
    Besides editing the registry, how can I modify the URL for a comment server that I've been using for reviews?
    I earlier initiated a shared review but used only the hostname of the server, not the fully qualified name (FQN) that includes the full domain name. Now, when I reuse that server for other reviews that I initiate, I'm stuck with the unqualified name. Folks outside of my subnet can't publish comments to the server because the simple hostname isn't known on their subnet.
    How can I change the properties of that server so future reviews use the FQN?
    Jerry

    You can't edit the server profile through UI.
    The only way available through Acrobat UI is to first delete the earlier server profile and then re-create it again from the Shared Review Initiation Dialog.
    For deleting the profile, Go to  "Edit menu-> Preferences->Tracker" and from the 'Remove Custome Server Locations' section choose the server profile which you want to delete and click on Remove Server Profile.
    -Priyanka

  • How can I modify the High Speed Data Reader VI to show correct time informatio​n in x-axis?

    I am just a beginner learning the LabVIEW programming currently.
    I have a PXI 6115 DAQ card and have to make a hardware timed acquisition VI for maximum performance. Thus I use the High Speed Data Logger VI for data acquisition.
    However, when I read my data by using the High Speed Data Reader VI, it doesn't show its correct time information in the graph.
    How can I modify the High Speed Data Reader VI to show correct time information in x-axis?
    I hope you can explain easily because I am a beginner.

    Hey Chunrok,
    I've modified the High Speed Data Reader VI slightly so that it now uses the scan rate of the data (as determined from the file) to set the scaling for the data points. If you wanted the start time to be a specific time you could use the start time obtained from your file to set the xscale offset as well.
    I hope this helps!
    Sarah Miracle
    National Instruments
    Attachments:
    Example.vi ‏281 KB

  • How can I modify the High Speed Data Reader VI to show the time information in x-axis?

    I am just a beginner learning the LabVIEW programming currently.
    I have a PXI 6115 DAQ card and have to make a hardware timed acquisition VI for maximum performance. Thus I use the High Speed Data Logger VI for data acquisition.
    However, when I read my data by using the High Speed Data Reader VI, it doesn't show its time information in the graph.
    How can I modify the High Speed Data Reader VI to show the time information in x-axis?
    I hope you can explain easily because I am a beginner.

    Format the x axis to either absoulte or relative time.
    You can do this by right clickingo n the graph and selecting x axis then formatting from the menu.
    Thanks,
    Naresh

  • How can I modify the High Speed Data Reader VI to show correct time information in x-axis?

    I am just a beginner learning the LabVIEW programming currently.
    I have a PXI 6115 DAQ card and have to make a hardware timed acquisition VI for maximum performance. Thus I use the High Speed Data Logger VI for data acquisition.
    However, when I read my data by using the High Speed Data Reader VI, it doesn't show its correct time information in the graph.
    How can I modify the High Speed Data Reader VI to show correct time information in x-axis?
    I hope you can explain easily because I am a beginner.

    First, I couldn't seem to find that example either on computer or on the NI sites.
    The problem that we're running into is stated in the article that I pointed to - when real time VIs are running, then the OS will stop updating the OS clock. TO us it looks like the clock is losing time. There is a hardware clock on the PXI and it is read only during boot up to set the OS clock. Our discussions with NI have not led to a solution for this problem without checking the time on start and then checking the tick count (which does not lose time) and calculating what the current time is. No access to the hardware clock is supplied.
    We're still working on a simpler way to get accurate time.
    Rob

  • How can I modify the customer terms of payment?

    Dear Experts,
    How can I modify the customer terms of payment?
    Wilson

    Hi wilson,
      Use this menu path:SPRO->Sales and Distribution>Master data>Business partners>Customers> billing Document-->Define terms of payment.
    Select your terms of payment----> click on magnifing icon and change.
    Save it.
    Thanks,
    Swamy H P

  • How can I modify the new Hebrew language icon (א) to revert back to the Israeli Flag ?

    The Hebrew language icon in Mac has always been , at least for the last 20 years! However, in Yosemite, it's now א. How can I modify the icon? There must be a library of images somewhere in the System, where I can replace the icon...
    Thanks for your help!
    Eric

    The DOM Inspector (DOMi) has a menu item (Edit > Select Element By Click) and a toolbar button "Find a node to inspect by clicking on it" (left icon on the toolbar in the DOMi).
    * open the browser window in the DOMi (File > Inspect <b>Chrome</b> Document) and choose the first entry from the drop-down list.
    * click the "Find a node to inspect by clicking on it" button and use the keyboard (Alt Tab) or the Task bar to go back to the browser window (do not click in the browser window other than the title bar).
    * click that element with the mouse and keep the button pressed until you see a red border to indicate the the DOMi has located that element in the DOM tree.
    *DOM Inspector: https://addons.mozilla.org/firefox/addon/dom-inspector-6622/
    *https://developer.mozilla.org/Introduction_to_DOM_Inspector
    *https://developer.mozilla.org/DOM_Inspector

Maybe you are looking for

  • Need to convert to labview 11 from labview 12

    hello I need to convert the following Labview 12 VIs to Labview 11. thank you in advance Attachments: QAM Demodulation.vi ‏30 KB QAM Modulation.vi ‏30 KB rx QAM.vi ‏57 KB

  • Bridge crashes with AE presets

    Having problems where bridge CS3 locks up the whole computer when I try to preview animation presets from After Effects CS3. Basically click on browse presets in AE... opens up bridge... and I can move around folders. As soon as I click on a preset t

  • Switch over from other phone

    Two months ago, my contract with AT&T was done, and i got a new phone (AT&T Tilt) and renewed my contract. I've come to find that anything windows (even a phone with windows mobile) is not for me. my question is, can i buy an iPhone (3G) when it come

  • Didn't sync before restore!!Help.

    I've had my iPhone since June of last year. I was a complete newbie to the iPhone/iPod world. I had no idea that I needed to do updates and sync my phone. Well, when I found out about picture messaging, I just went ahead and did the update without sy

  • Integrationg Search  - IDOL Server Doubt

    Hi All , I am using weblogic portal 10.2 and MySQL 5.0. I am trying to Integrate search to my application. From the documentation provided I came to know that , IDOL should be installed to integrate search feature. But I came to know that , IDOL came