white theme customization

[joiedevie]

I am using the 'white' theme, under colors, and I would like to remove the shaded border that runs around it, and to replace the background color (the stuff outside the shaded border) to be something else. I haven't decided that, yet.

how do i get at the theme's css? what do i do with it when i find it?

thanks in advance!

[atwlphoto]

I am using the 'white' theme, under colors, and I would like to remove the shaded border that runs around it, and to replace the background color (the stuff outside the shaded border) to be something else. I haven't decided that, yet.

how do i get at the theme's css? what do i do with it when i find it?

thanks in advance!

Do you have Firefox installed along with the web developer's extension? If you don't, that's a must for hacking smugmug's CSS.

I also use the 'white' theme. The border is actually a series of images, some that repeat and some that don't. You'd have to change the images your CSS points to in order to get rid of the image.

The following is part of the CSS code:
#homepage,
#category,
#smugmug,
#smugmug_small,
#journal,
#filmstrip,
#slideshow,
#critique,
#allthumbs,
#traditional,
#singleImage,
#content {
width: 750px;
margin: 0 auto;
padding-left: 35px;
padding-right: 35px;
background: transparent url(/img/themes/White/small_center.jpg) repeat-y;

You would have to change what is in bold to a different image that repeats. The current full address is: http://smugmug.com/img/themes/White/small_center.jpg

If you look that address up in your browser, you'll see that it is just the beginning of the shaded border that runs down the side. The current CSS has that border repeating under all the #....'s above. If you want to make that look different, you either have to delete everything after "background:" which will make the page plain white, or you have to update the image to one of your own choosing.

There are several other places within the CSS that you have to do the same, especially in regards to the footer. I'll stop typing for now and we'll see if what has been said so far makes sense. If not, then someone more knowledgable than I will probably have to help you.

[Andy]

I would like to remove the shaded border that runs around it, and to replace the background color (the stuff outside the shaded border) to be something else. I haven't decided that, yet.

You'd be better off not using a theme, in this case.

[joiedevie]

Thanks for your help! I am making great progress now. I almost... get it.

Do you have Firefox installed along with the web developer's extension? If you don't, that's a must for hacking smugmug's CSS.

I also use the 'white' theme. The border is actually a series of images, some that repeat and some that don't. You'd have to change the images your CSS points to in order to get rid of the image.

The following is part of the CSS code:
#homepage,
#category,
#smugmug,
#smugmug_small,
#journal,
#filmstrip,
#slideshow,
#critique,
#allthumbs,
#traditional,
#singleImage,
#content {
width: 750px;
margin: 0 auto;
padding-left: 35px;
padding-right: 35px;
background: transparent url(/img/themes/White/small_center.jpg) repeat-y;

You would have to change what is in bold to a different image that repeats. The current full address is: http://smugmug.com/img/themes/White/small_center.jpg

If you look that address up in your browser, you'll see that it is just the beginning of the shaded border that runs down the side. The current CSS has that border repeating under all the #....'s above. If you want to make that look different, you either have to delete everything after "background:" which will make the page plain white, or you have to update the image to one of your own choosing.

There are several other places within the CSS that you have to do the same, especially in regards to the footer. I'll stop typing for now and we'll see if what has been said so far makes sense. If not, then someone more knowledgable than I will probably have to help you.

[Beahope]

You'd be better off not using a theme, in this case.

If you dont use a theme, how would you achieve this pure white look?

Thank you-
Bea
www.beahaynesphotography.com (http://www.beahaynesphotography.com)

[denisegoldberg]

If you dont use a theme, how would you achieve this pure white look?

Thank you-
Bea
www.beahaynesphotography.com (http://www.beahaynesphotography.com)
You can set the color of the all of the elements on the page to white, or to whatever color you'd like. I may have more settings than I need in my CSS - it's been a long time since I switched to an all white background - but I'll include the code here as samples for you. Some of it may not be needed (or desired) on your page.

Copied from my CSS:

body {
background: #fff; color: #00688B !important; font-size: 92%;
}

.box {
background: #fff; color: #00688B !important;
}

#featuredBox,
#categoriesBox,
#subcategoriesBox,
#galleriesBox,
#subgalleriesBox {
background: #fff; color: #36C; /* background white, text blue */
}

#fff is white. If you're looking for color codes, this is the reference that I usually use:
http://www.december.com/html/spec/color.html

I hope this helps and doesn't confuse things further!

--- Denise

[Beahope]

I still really dont get it. ARG!!

Also, take a look at my prices. You cant see them because there in white, how do I change that too?

This is so frustrating.

[denisegoldberg]

I still really dont get it. ARG!!

Also, take a look at my prices. You cant see them because there in white, how do I change that too?

This is so frustrating.
Here's CSS you can use to change all of your captions to black:
.caption {color: #000}

Or to change the caption for just that one gallery:
.gallery_3940209 .caption {color: #000}

You can change the color to anything you'd like. If you follow the link I included in my last post you should be able to find the codes for (just about) any color you'd like.

--- Denise

[Beahope]

YES! That worked! Thank you!:barb

[AngelKatie413]

YES! That worked! Thank you!:barb

That is pretty much what I'm looking to do, though I'm having trouble putting that in along with the navbar that I have...

http://kaphotography.smugmug.com

Any thoughts? I'd like plain black (actually, I really like the plain white, thinking about re-doing the top logo since I've had black for sooooo long)... any help is greatly appreciated.

[AngelKatie413]

That is pretty much what I'm looking to do, though I'm having trouble putting that in along with the navbar that I have...

http://kaphotography.smugmug.com

Any thoughts? I'd like plain black (actually, I really like the plain white, thinking about re-doing the top logo since I've had black for sooooo long)... any help is greatly appreciated.

Ahh I think I figured it out :) Now to re-do the header, navbar, etc :)