Ok so, I have the site set up and customised however I would like for the galleries to open up stretchy style i.e. large but when I try and do it, it messes up the rest of the site. Is it possible to set customisations just for the gallery pages please?

If so, what I would like is for something like the default massive smugmug style galleries but without the branding at the top.

I would appreciate help with this please because I think I'm nearly there and this is the only thing that's majorly doing my head in.

My site: www.markbattistaphotography.co.uk

I like the homepage etc the way it is, I just want to change the way the gallery pages work.

Thanks in advance

There is something in your customization that is altering the gallery styles. If I look at your site in Firefox using the Firefox Web Developer Extension and I remove your CSS the galleries look normal. With your CSS the gallery styles are "squished", using only part of the screen - and in the case of thumbnails style running all of the images together.

When you say "without the branding at the top", what do you mean? I don't see any smugmug branding at the top - what it is that you are trying to change?

A quick warning - you have allowed access to the original-sized images. That means that your images are free to anyone who wants a copy; they can simply use the download button. Go back into your galleries and set the largest display size to anything other than original. That will disable the download button and remove the Original sizes from access. The originals will still be used for printing. See ORIGINALS = a gateway to free photos, & right click protection is NOT PROTECTION.

--- Denise

Hi thanks for your reply
I'll change the original pic sizes in the gallery now - I wasn't too worried at the moment because I was just trying to get the site functioning with some content but you're right, thanks.

I think I know what it is:
There's a line that says:
/*----------------common------------------*/
#bodyWrapper{ width:940px; height:200px; background:#ffffff;margin:0 auto; }

If I change the width of this then it lets the galleries size to autostretch and gives me great big galleries like I want but it also then messes up the nav, the header, the home page and everything else :(

There's a copy below of all the css stuff if you wouldn't mind looking please? I like the way the site is but I'd just like the galleries to be bigger

CSS Code follows:
h1,h2,h3,h4,h5,h6,div,span,ul,li,p,br,textarea,inp ut{padding:0px; margin:0px; }
img{border:none;}
ul{padding:0px; margin:0px; list-style-type:none;}
a{font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:12px; text-decoration:none; font-style:normal; font-weight:normal; line-height:17px; outline:none; }
a:hover{font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:12px; text-decoration:none; font-style:normal; font-weight:normal; line-height:17px; outline:none; }

#homepageOnly { display: none; }
.homepage #homepageOnly { display: block; }


/*----------------common------------------*/
#bodyWrapper{ width:940px; height:200px; background:#ffffff;margin:0 auto; }
#customHeaderContainer{ width:100%; margin-top:50px; float:left;}
#customLogo{ width:248px; height:97px; float:left;}


#customNavContainer{ width:600px; float:right; margin-top:83px;}
#customNavContainer ul{ list-style-type:none; text-decoration:none;}
#customNavContainer ul li{ float:left;font-family: "Helvetica Narrow","Arial Narrow",Tahoma,Arial,Helvetica,sans-serif; font-size:14px; padding-right:8px; text-transform:uppercase;color:#6f6e6e;}
#customNavContainer ul li a{font-family: "Helvetica Narrow","Arial Narrow",Tahoma,Arial,Helvetica,sans-serif; font-size:14px;color:#6f6e6e;}
#customNavContainer ul li a:hover{ color:#000;}
#slideshowBox { background:none !important; border:20px solid #edede9;}
#recentPhotosBox{ background:none !important;border:none!important;}
.photoLink .imgBorder {width:228px !important; height:150px !important; }

.homepagePhotosBox .boxBottom .tiny { width:235px!important; height:auto !important;}

.loggedIn #bioBox .boxTop, .loggedIn #slideshowBox .boxTop, .loggedIn #photoVideoBox .boxTop{display:block!important;
text-align:center!important;padding-left:130px!important;}

.nav, .nav .title, a.nav, a.nav:visited, a.nav:active, a.nav:hover, .pageNav, a.down, a.down:active, a.down:hover, a.down:visited, .nav a.down{color: #484848!important;
font-size: 12px;!important; }
#header {
clear:both !important;
}







.content{background:#FFF; bawidth:940px; float:left; width: 940px;}
.categories-bg{ width:420px;float:left; margin-left:75px!important;}
.categories-textbg{width:325px;border-bottom:1px dashed #bbbbbb;color: #666666;}
.categories-text{ font-size:30px; font-family:"Times New Roman", Times, serif; font-size:25px; text-transform:normal; padding-bottom:15px;}
.link-text-bg{width:420px; margin-top:20px; float:left;}
.link-bottom-linebg{ width:193px; float:left; padding-right:16px;}
.link-text{ width:192px;border-bottom:1px dashed #737577; padding-bottom:5px;overflow:hidden; padding-top:4px; }
img.arrows{ float:left; width:6px; height:8px; padding-top:5px; margin-left:4px; }
a.a-text{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#737577; float:right; margin-right:40px;}
a.a-text:hover{ color:#000;}


.archives-bg{ width:405px; float:right;}
.morbi-bg{-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; width:266px; background:#f1f1f1; float:left; margin-top:16px; }
img.mor-icon{ width:17px; height:19px; float:left; padding:4px 0 4px 10px;}
p.mor-text{ font-size:12px; float:right; font-weight:bold; color:#444546; margin-right:40px; word-spacing:5px;line-height:24px;}
.archive-text{ width:340px;margin-top:5px; color:#444546; float:left; }


/***CODE THAT I HAVE ADDED 18TH SEPTEMBER FEEL FREE TO EDIT IF YOU WISH, MARK BATTISTA/***

/*.................FOR ABOUT ME PAGE................................/*

/***.................................END OF CODE I'VE ADDED, MARK BATTISTA/***



/************************** tirth_modify********************/

.gallery-container{ background:#FFF;width:939px;height:206px;float:lef t;}.gallery-area{width:750px;height:176px;margin:0px auto;padding-bottom:30px;}.galery-first-panel{background:#e8e8e8;width:228px;height:176px; float:left;}.image-first-area{width:212px;height:136px;padding:8px 8px 0px 8px;float:left;}.image-name{width:228px;height:20px;text-align:center;text-transform:normal;padding-top:6px;font-size:11px;color:#000;float:left;}.gallery-img-divier{width:33px;height:136px;float:left;}


.footer-area{background:url(http://markbattistaphotography.smugm.../i-t5zHBz7.png) repeat-x;width:100%;height:137px;padding-top:70px;float:left;}.footer-menu-icon-area{width:939px;height:76px;margin:0px auto;}.footer-menu-law-area{width:494px;height:76px;margin-left:20px;float:left;}.footer-menu-area{width:494px;height:28px;float:left;}ul.menus{ width:494px;height:28px;text-transform:uppercase;text-align:center;float:left;}.menus li{padding-right:20px;float:left;}.menus li a{text-decoration:none;}.menus li a:hover{color: #000;}.company-copyright-area{width:494px;height:20px;float:left;font-size:11px;}.followus-area {width:164px;height:76px;float: right;}.icon-head{width:164px;height:28px;font-family:"Arial", Times, serif;font-size:20px;text-transform:none;float:left;}.icons-area{width:164px;height:48px;float:left;}.twitter{ width:48px;height:48px;float:left;}



.notLoggedIn .nophotos {
display: none;
}


.border-bg{width:940px; height:30px; float:left;}
.border-left{width:390px; background:url(../img/line-img.png) repeat-x;height:1px; padding-bottom:2px; float:left; }
.wel-text{ float:left; width:130px; background:#FFF; font-family:"Arial", Times, serif; font-size:18px; text-transform:uppercase; margin-left:20px; margin-top:-7px; color:#a9a8a8; }
.border-right{width:390px;background:url(../img/line-img.png) repeat-x;height:1px; padding-bottom:1px; float:right; }

Originally Posted by denisegoldberg There is something in your customization that is altering the gallery styles. If I look at your site in Firefox using the Firefox Web Developer Extension and I remove your CSS the galleries look normal. With your CSS the gallery styles are "squished", using only part of the screen - and in the case of thumbnails style running all of the images together. When you say "without the branding at the top", what do you mean? I don't see any smugmug branding at the top - what it is that you are trying to change? A quick warning - you have allowed access to the original-sized images. That means that your images are free to anyone who wants a copy; they can simply use the download button. Go back into your galleries and set the largest display size to anything other than original. That will disable the download button and remove the Original sizes from access. The originals will still be used for printing. See ORIGINALS = a gateway to free photos, & right click protection is NOT PROTECTION. --- Denise

If I select Smugmug in the gallery settings instead of custom it gives more a look of what I want but it puts smugmug branding at the top which I don't want. I think what I'd like to do is have it like this but with my own logo at the top. By the way I really appreciate your help, so thanks a million

Originally Posted by marcogolfo If I select Smugmug in the gallery settings instead of custom it gives more a look of what I want but it puts smugmug branding at the top which I don't want. I think what I'd like to do is have it like this but with my own logo at the top. By the way I really appreciate your help, so thanks a million

If you select Smugmug in the gallery settings it does not use your customizations. You must select custom - you are going to need to fix your CSS so it doesn't break the gallery styles.

Sorry, I don't have time to experiment right now - I'll try to look later, or hopefully someone else will jump in.

--- Denise

Originally Posted by denisegoldberg There is something in your customization that is altering the gallery styles. If I look at your site in Firefox using the Firefox Web Developer Extension and I remove your CSS the galleries look normal. With your CSS the gallery styles are "squished", using only part of the screen - and in the case of thumbnails style running all of the images together. When you say "without the branding at the top", what do you mean? I don't see any smugmug branding at the top - what it is that you are trying to change? A quick warning - you have allowed access to the original-sized images. That means that your images are free to anyone who wants a copy; they can simply use the download button. Go back into your galleries and set the largest display size to anything other than original. That will disable the download button and remove the Original sizes from access. The originals will still be used for printing. See ORIGINALS = a gateway to free photos, & right click protection is NOT PROTECTION. --- Denise

Originally Posted by denisegoldberg If you select Smugmug in the gallery settings it does not use your customizations. You must select custom - you are going to need to fix your CSS so it doesn't break the gallery styles. Sorry, I don't have time to experiment right now - I'll try to look later, or hopefully someone else will jump in. --- Denise

Ok, no worries, thanks Denise.
I might just select a journal style then and be done with it. Unless someone has chance to help. Thanks again, you've been a great help. Regards

Originally Posted by marcogolfo Ok, no worries, thanks Denise. I might just select a journal style then and be done with it. Unless someone has chance to help. Thanks again, you've been a great help. Regards

Add the red in your CSS on this position.

#bodyWrapper{ width:940px; height:200px; background:#ffffff;margin:0 auto; }

.smugmug #bodyWrapper{width:100%; height:100%}

Wow!
Allen, thank you sooooooo much