Options

(help)center my slideshow

trefpegtrefpeg Registered Users Posts: 19 Big grins
edited July 15, 2007 in SmugMug Support
How do you center the slideshow on the page...it seems to be
all the way to the left ....

sorry still new!

Comments

  • Options
    AllenAllen Registered Users Posts: 10,012 Major grins
    edited July 15, 2007
    trefpeg wrote:
    How do you center the slideshow on the page...it seems to be
    all the way to the left ....

    sorry still new!
    Have a link to your site?

    Assuming it's in the bio.
    Probably add the text-align: center; to one of these in your CSS.

    #bioBox {text-align: center;}
    #userBio {text-align: center;}
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • Options
    trefpegtrefpeg Registered Users Posts: 19 Big grins
    edited July 15, 2007
    trefpeg wrote:
    How do you center the slideshow on the page...it seems to be
    all the way to the left ....

    sorry still new!

    I guess this would help ....sorry

    http://stephengepfert.smugmug.com
  • Options
    AllenAllen Registered Users Posts: 10,012 Major grins
    edited July 15, 2007
    trefpeg wrote:
    I guess this would help ....sorry

    http://stephengepfert.smugmug.com
    See how we can get that things without all the info?:D It's not in your bio
    but just placed by html in your header code.

    Good thing we could look because you're missing the closing } for your
    banner code. Also add a little margin bottom to push the slideshow down.

    #my_banner {
    width: 750px;
    height: 200px;
    margin: 0 auto;
    margin-bottom: 20px;
    background: url(http://stephengepfert.smugmug.com/photos/169912813-O.jpg) no-repeat;
    }

    #mySlideshow {text-align: center;}
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • Options
    trefpegtrefpeg Registered Users Posts: 19 Big grins
    edited July 15, 2007
    Thanks Allen
    I dont have a clue about code.headscratch.gif
  • Options
    AllenAllen Registered Users Posts: 10,012 Major grins
    edited July 15, 2007
    ... and your next question might be "why is it so small?".:D

    Insert the two red lines just below the properties line in your slideshow footer code.

    /* see properties section */
    slideHeight = "400"; //visible height of slide
    slideWidth = "640"; //visible width of slide

    also remove the red in this

    slideshowUrl = "http://stephengepfert.smugmug.com/gallery/3132928/1/171862250";
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • Options
    trefpegtrefpeg Registered Users Posts: 19 Big grins
    edited July 15, 2007
    Now the banner moved over to the left?
    What can I do to move that ...
    IT is looking pretty nice Thanks
  • Options
    AllenAllen Registered Users Posts: 10,012 Major grins
    edited July 15, 2007
    trefpeg wrote:
    Now the banner moved over to the left?
    What can I do to move that ...
    IT is looking pretty nice Thanks
    Move this out of your head tag and into the header code box.

    <div id="my_banner"> </div>

    Trying to figure out why the space is there and it's running but can't see the slideshow here.

    Add the margin: 0 auto; back in to center show.

    #my_banner {
    width: 750px;
    height: 200px;
    margin: 0 auto;
    margin-bottom: 20px;
    background: url(http://stephengepfert.smugmug.com/ph...69912813-O.jpg) no-repeat;
    }
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • Options
    trefpegtrefpeg Registered Users Posts: 19 Big grins
    edited July 15, 2007
    Thanks Allen

    ....Plus you taught me something ....

    Thanks
Sign In or Register to comment.