• Gear
  • Shots
  • Photo Craft
  • Video
  • Wide Angle
  • Support
  • New Stuff
  • More
Support SmugMug Customization Container size issues, line issues and space issues

FAQtoid

Ever wanted to create an Avatar? Creating an Avatar!

Searching Dgrin with Google Searching with Google

Dgrin Challenges

Congratulations to the Winner of DSS #128 (Sunrise or Sunset), ShootingStar.

The next Dgrin Challenge DSS #129 (Silhouette Revisited ) is open for entries through May 27th, 2013 at 8:00pm PDT.

As always, we look forward to your participation but please do take a moment to read through the rules before posting your entry.

Past DSS Challenge Winners, DSS Challenge Rules, and other important DSS Challenge information is here.

Need some help with Accessories?

Tutorials

Ever find yourself wondering just how someone managed to create an image using different effects?

Here are three simple tutorials we hope will encourage you to try something new.

The Hot Seat

A lifelong interest in landscape photography has led Eyal Oren to make a study of his adopted hometown of Marblehead, MA. As you can see, his dedication is paying off!

Africa!

Dgrinners Harryb, Pathfinder, and others joined Andy Williams and Marc Muench on Safari in East Africa recently. Here are some awesome threads to check out!

 
Thread Tools Display Modes
Old Jun-26-2012, 01:19 PM
#1
TheBradford is offline TheBradford OP
Bradford
Container size issues, line issues and space issues
Ok I cannot figure out how to do a few things on my page.

1) I want to expand the size of the black container for all my galleries so that the left and right side have the same amount of padding. The right side has more than the left. I don't want the left side essentially to look so smushed as it does now. How do I put like a 10px pad on each side?
See here - I want like 10 px on each side to make it more balanced looking http://www.makeitabradford.com/Conce...7997&k=wR8smnM

2) How do I get ride of the "slideshow" button? I don't want viewers to have that option.

3) I want to GET RID of the grey line at the bottom of the gallery container and have the blue line be centered in the container rather than where it currently is.

4) Since the container will expand, I need shift my drop down menu to left a little...i figure like 5px as i want that gap that is there (it can decrease a little but not much) as I don't want that main menu to overlap with the container.

5) when someone clicks a photo - how do I remove the option to pick the size. I have everything limited to XL in size and there is no need to make the image any smaller. I want to also remove the # of #, "Show Details" (as I have it turned off anyways). I only want the share aspects showing and in the galleries that have the option the 'buy' option too. I'm mainly looking to "clean it up"

Thank you for the help in advance for all those who post! Thanks!
__________________
Bradford

__________________________________
http://www.MakeItABradford.com
Old Jun-26-2012, 03:01 PM
#2
Smug Eric is offline Smug Eric
Smug Hero
Smug Eric's Avatar
So I think what would be better instead of expanding the box would be to move the content slightly so it is actually centered in that box. That would remove the need for #4. And for #3, moving that blue line and the buttons with it will all require modification of the same code. So you have this in your CSS:

Code:
#allthumbs_stretch, .searchResults #header, .searchResults #content,  .shareHomepage #content, .datePage #header, .datePage #content,  .keywordPage #header, .keywordPage #content, .shareHomepage #header,  .Original #singleImage, .Large #singleImage, .Medium #singleImage,  .Small #singleImage, #traditional, #traditional #photos, #category,  #homepage, #footer, #journal, #content.passwordPage {
   width: 685px;
   margin: 0 0 0 262px !important;
}
Replace that entirely with this:

Code:
#allthumbs_stretch, .searchResults #header, .searchResults #content,  .shareHomepage #content, .datePage #header, .datePage #content,  .keywordPage #header, .keywordPage #content, .shareHomepage #header,  .Original #singleImage, .Large #singleImage, .Medium #singleImage,  .Small #singleImage, #traditional, #traditional #photos, #category,  #homepage, #journal, #content.passwordPage {
   width: 685px;
   margin: 0 0 0 273px !important;
}

#footer {
     margin: 0px 0px 0px 238px ! important;
     width: 685px;
}
That should take care of #1, #4, and part of #3. For #2 add this to your CSS:

Code:
#shareButton {
     position: relative;
     right: 60px;
}

#slideshowButton {
    display: none;
}
For the rest of #3 you have this code setting that grey line:

Code:
/* Comment section fixes */
#comment {
   margin-top: 10px;
   border-top: 1px solid #6C6C6C;
}
#comment_header {
   padding: 30px 0 10px;
   border-top: 1px solid #767272;
}
Change it to this:

Code:
#comment {
     border-top: 0 none #6C6C6C;
     margin-top: 10px;
}

#comment_header {
     border-top: 0 none #767272;
     padding: 30px 0px 10px;
}
For #5, I'm not seeing a way to cleanly hide that. There are things you can do to hide portions of it but I'm not able to hide the whole applicable part of that in the lightbox.
__________________
Eric
Support Hero and Customeister
http://www.smugmug.com/help
Old Jun-26-2012, 06:14 PM
#3
TheBradford is offline TheBradford OP
Bradford
Nope - this is what happened after I did your first thing to solve #1 #4 -- everything shifted way leftward. see - http://www.makeitabradford.com/Model...1684&k=xdMcbRv and here - http://www.makeitabradford.com/Models

#2 is solved, no more slideshow button. as well no more grey line.

I know things can be removed from the lightbox...see here click a photo in this gallery - http://ibarraphoto.com/gallery-life/
structurally you can obviously see now where I drew a lot of my cues from for my page. It's obviously based off Jamie's.

After all this - as I figure this is a good start. I would like to change the shape at the bottom fo the dropdown men to something differnt to help make my page more uniquer from Jamie's but lets walk before we run.
__________________
Bradford

__________________________________
http://www.MakeItABradford.com
Old Jun-27-2012, 01:27 PM
#4
Smug Eric is offline Smug Eric
Smug Hero
Smug Eric's Avatar
Check now. You had removed a closing bracket when you added the new code in. Although the footer code did need to be adjusted as it was too far left on the category pages, then I added this so it was aligned properly in the galleries:

Code:
.galleryPage #footer {
     margin: 0px 0px 0px 238px ! important;
     width: 685px;
}
you may also want to add this line to the portion above to align the text left like on your other pages:

Code:
text-align: left;
And on that site you linked, yes you can hide everything. But just hiding the portions you were asking about I was not able to do.
__________________
Eric
Support Hero and Customeister
http://www.smugmug.com/help
Old Jun-27-2012, 08:26 PM
#5
TheBradford is offline TheBradford OP
Bradford
Quote:
Originally Posted by Smug Eric View Post
Check now. You had removed a closing bracket when you added the new code in. Although the footer code did need to be adjusted as it was too far left on the category pages, then I added this so it was aligned properly in the galleries:

Code:
.galleryPage #footer {
     margin: 0px 0px 0px 238px ! important;
     width: 685px;
}
you may also want to add this line to the portion above to align the text left like on your other pages:

Code:
text-align: left;
And on that site you linked, yes you can hide everything. But just hiding the portions you were asking about I was not able to do.
Ooh bummer that hiding stuff is like all or nothing in that way but ok. Can't win em all.

Everything else looks solid
__________________
Bradford

__________________________________
http://www.MakeItABradford.com
Tell The World!  
Tags
container , drop down menu , line bar remove
Similar Threads Thread Starter Forum Replies Last Post
Get a Sneak Peek at SmugMug's new design! onethumb SmugMug Support 1041 May-22-2013 10:03 AM
Breadcrumb line issues travischance SmugMug Customization 10 Apr-23-2012 01:30 PM
header issues...huge space between header and navibar Six Bees SmugMug Customization 7 May-17-2009 10:09 AM


Thread Tools
Display Modes

Posting Rules  
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump