Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • LeaUK 34 posts 55 karma points
    May 24, 2011 @ 22:08
    LeaUK
    0

    Change width?

    Anyone know how to reduce the width of the rendered macro?

    Cheers
    Lea

  • Jan Skovgaard 11257 posts 23497 karma points MVP 7x admin c-trib
    May 24, 2011 @ 23:03
    Jan Skovgaard
    0

    Hi Lea

    Must admit that I have not been using this package myself but I guess you should be able to see the HTML structure that is created with this package using firebug for instance and then you could overwrite the default with value using CSS or JavaScript for instance?

    /Jan

  • LeaUK 34 posts 55 karma points
    May 25, 2011 @ 12:35
    LeaUK
    0

    Hi Jan

    Firebug - I'll take a look, haven't used that.  I'm a fan of Chrome and inspect elements though as it can really help with identifying exactly which css element (and associated file) is controlling which section on the page, handy for the simplist of things like modifying colours and layout.  maybe Firebug is similar?

    Off to fire up Chrome and inspect ;-)

    But, I have no idea how to overwrite it with css, but that's what learning is all about ;-)

    It's a shame this lovely Gallery doesn't have this build in using paramenters....

    Lea

  • LeaUK 34 posts 55 karma points
    May 25, 2011 @ 16:37
    LeaUK
    0

    Well, you're a star Jan

    Used Google Chrome Elements to locate the css, it was jqgallery.css (surprise surprise) and modded the following to change the width of both the scroll bar and the final popup photo to match:

    This controls the large pop up photo:

    /*
    div.main_image {
        background: url(/css/images/gal_image_bg.jpg) bottom left no-repeat;
        width: 627px;
        padding: 15px;
        overflow: hidden;
        text-align: center;
    }
    */

    These two the scroll window

     

    /*
    div.gallery_main {
        position: relative;
        background: white;
       width: 652px;
        float: left;
        clear: both;
        height: 80px;
        padding: 1px;
        border: 1px solid #cfcfcd;
    }

    /*

    div.scrollable { 
        position:relative; 
        overflow:hidden; 
        margin: 0px 23px;
        padding: 0;
        width: 606px;
        height:80px;
        

    All the widths are tied together.

    div.gallery_main width has to be 46 bigger than div.scrollable


    Cheers
    Lea

  • LeaUK 34 posts 55 karma points
    May 25, 2011 @ 16:44
    LeaUK
    0

    BTW Jan, what Gallery do you use?

    I'm looking for something really impressive, I'm trying Lightbox with another package but I think something that offers the beauty of this scrolling from jqGallery with a lightbox (fancy) presentation when you select the image would be perfect...

    Lea

  • Jan Skovgaard 11257 posts 23497 karma points MVP 7x admin c-trib
    May 27, 2011 @ 22:52
    Jan Skovgaard
    0

    Hi Lea

    Glad that you managed to figure it out :-)

    My latest favourite is http://fancybox.net/ - which has a bit more features than lightbox. But I think that there are really many good plugins out there :-)

    /Jan

Please Sign in or register to post replies

Write your reply to:

Draft