Results 1 to 4 of 4
  1. #1
    Join Date
    Mar 2007
    Location
    Portland, OR
    Posts
    163
    Plugin Contributions
    0

    help question Swap Images Mod and CSS problems

    I installed the Swap Image via Mouseover mod. It has been hell trying to get the images to do what i want. They were all over the place. I am getting closer to what i need, but still not there.

    What is happening is it is putting a <div> around EACH IMAGE, and thus making them line up vertically.

    see it here


    What i need to happen is have them line up 2 rows of 3 images each. Any thoughts on how I can accomplish this?

    thank you.

  2. #2
    Join Date
    Mar 2007
    Location
    Portland, OR
    Posts
    163
    Plugin Contributions
    0

    Default Re: Swap Images Mod and CSS problems

    anyone....?

  3. #3
    Join Date
    Jan 2004
    Posts
    66,446
    Plugin Contributions
    81

    Default Re: Swap Images Mod and CSS problems

    That can be controlled by the stylesheet.
    Try adding this to your main stylesheet.css file:
    Code:
      .additionalImages { float: left; }
      #productAdditionalImages {width: 80%;}
    .

    Zen Cart - putting the dream of business ownership within reach of anyone!
    Donate to: DrByte directly or to the Zen Cart team as a whole

    Remember: Any code suggestions you see here are merely suggestions. You assume full responsibility for your use of any such suggestions, including any impact ANY alterations you make to your site may have on your PCI compliance.
    Furthermore, any advice you see here about PCI matters is merely an opinion, and should not be relied upon as "official". Official PCI information should be obtained from the PCI Security Council directly or from one of their authorized Assessors.

  4. #4
    Join Date
    Mar 2007
    Location
    Portland, OR
    Posts
    163
    Plugin Contributions
    0

    Default Re: Swap Images Mod and CSS problems

    Quote Originally Posted by DrByte View Post
    That can be controlled by the stylesheet.
    Try adding this to your main stylesheet.css file:
    Code:
      .additionalImages { float: left; }
      #productAdditionalImages {width: 80%;}

    Hey thanks alot, that did the trick!

 

 

Similar Threads

  1. Swap Images via Mouseover or Click Add-on: how to add CSS Style?
    By vojager in forum Templates, Stylesheets, Page Layout
    Replies: 16
    Last Post: 28 Jan 2011, 06:27 PM
  2. Is there a Mod to swap the Option Value Color Swatch images in a Drop Down Format.
    By webflink2 in forum Setting Up Categories, Products, Attributes
    Replies: 0
    Last Post: 19 Jan 2011, 05:52 AM
  3. Image Swap problems with Lightbox and large picture
    By alepia in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 22 Dec 2009, 04:56 PM
  4. Swap Images via Mouseover Mod - Problem re: displayed rollover sizing
    By firstimpression in forum All Other Contributions/Addons
    Replies: 6
    Last Post: 18 Jul 2007, 05:42 PM
  5. swap images mod....
    By khopek in forum Basic Configuration
    Replies: 2
    Last Post: 17 Oct 2006, 07:04 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg