PDA

View Full Version : Custom Theme creation...am I making it more complicated than it should be?


smileabunch
Mar-15-2010, 01:19 PM
So I had this really fabulous idea to make a special theme for my client proofing galleries where the background would be completely white and there would be a colored box in the middle behind the thumbnails and the larger version of the selected picture "in smugmug view". I went to a theme I liked the layout of (but not the colors and imaging - I lke the layout of "the big chill") and modified it to get the colors and stuff I wanted. The problem is...I don't really want to do that for every single color I want to make a theme out of because it was a lot of adjusting and changing and such for such a simple change and it didn't end up keeping the formatting (3 thumbnails across by 5ish down with an even larger window for the larger selected image. Am I making this too complicated? Do I need to enter all of the formatting or can I just make selective changes like I do in my overall site css? You can see the theme I created (which is generally what I am looking for, although I don't love the button text color and can't figure out how to change the other black text on the page) here: http://sethandjen.smugmug.com/Client-Proofing/Shipp/Madeline-Shipp/11460510_FXvpB#806016426_kf2zp.

Thanks for your help!

Jen Tate
www.sethandjen.smugmug.com (http://www.sethandjen.smugmug.com)

smileabunch
Mar-15-2010, 03:01 PM
So I had this really fabulous idea to make a special theme for my client proofing galleries where the background would be completely white and there would be a colored box in the middle behind the thumbnails and the larger version of the selected picture "in smugmug view". I went to a theme I liked the layout of (but not the colors and imaging - I lke the layout of "the big chill") and modified it to get the colors and stuff I wanted. The problem is...I don't really want to do that for every single color I want to make a theme out of because it was a lot of adjusting and changing and such for such a simple change and it didn't end up keeping the formatting (3 thumbnails across by 5ish down with an even larger window for the larger selected image. Am I making this too complicated? Do I need to enter all of the formatting or can I just make selective changes like I do in my overall site css? You can see the theme I created (which is generally what I am looking for, although I don't love the button text color and can't figure out how to change the other black text on the page) here: http://sethandjen.smugmug.com/Client-Proofing/Shipp/Madeline-Shipp/11460510_FXvpB#806016426_kf2zp.

Thanks for your help!

Jen Tate
www.sethandjen.smugmug.com (http://www.sethandjen.smugmug.com)

Should have played around a little more...I think I have answered my own questions and I was, in fact able to create a customized theme without having to modify another theme. That said, can I ask a few questions?

Here is what I have come up with to give me the result described above and found here: http://sethandjen.smugmug.com/Client-Proofing/Shipp/Madeline-Shipp/11460510_FXvpB#806016426_kf2zp.


.smugmug_ajax {
background-color: #432013;
color: #ffffff;}
.title {
color: #ffffff;}
.pageNav, a.pageOn {
color: #ffffff; /* this is the color for the Page N of N text */
font-weight: bold; /* match the photonav text, you may delete this if it's not bold */
}
.nav {
color: #ffffff;}

.allthumbs_stretch {
background-color: #432013;
color: #ffffff;}
.slideshow_stretch {
background-color: #432013;
color: #ffffff;}
.journal_new {
background-color: #432013;
color: #ffffff;}


I am having trouble in the Mozilla add-on viewing the class ids and details...I can see them but I cannot figure out which ones go to what. I would like to tweak the following things.

get rid of the lines dividing the thumbnails and the larger picture
change the font color of the next>> text links.
ideally I would like to have the layout look like "the big chill" with only 3 columns of thumbnails and a larger selected photo.Thanks,
Jen