|
|
Thread Tools | Display Modes |
|
#1
|
|
|
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! |
|
|
|
|
#2
|
|
|
Smug Hero
|
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;
}
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;
}
Code:
#shareButton {
position: relative;
right: 60px;
}
#slideshowButton {
display: none;
}
Code:
/* Comment section fixes */
#comment {
margin-top: 10px;
border-top: 1px solid #6C6C6C;
}
#comment_header {
padding: 30px 0 10px;
border-top: 1px solid #767272;
}
Code:
#comment {
border-top: 0 none #6C6C6C;
margin-top: 10px;
}
#comment_header {
border-top: 0 none #767272;
padding: 30px 0px 10px;
}
|
|
|
|
|
#3
|
|
|
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. |
|
|
|
|
#4
|
|
|
Smug Hero
|
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;
}
Code:
text-align: left; |
|
|
|
|
#5
|
||
|
Bradford
|
Quote:
Everything else looks solid |
|
|
|
||
| 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 | |
|
|