• Gear
  • Shots
  • Photo Craft
  • Video
  • Wide Angle
  • Support
  • New Stuff
  • More
Support Legacy SmugMug Customization Help changing last remnants of GREEN on my site!!

Need some help with your New SmugMug Site?

Dgrin Challenges

Our Challenges moderator has lined up an new set of challenges for you. The Weekly Word Challenge. Get all the details and participate in the conversation Weekly Word Challenge.

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

Looking for a little challenge? The Dgrin Mini-Challenges are a great way to challenge yourself. Take a moment to look through past winners and find the current Mini Challenge here.

From Around the Net

Enjoy a few of our favorite articles from around the 'net. If you have something you think we should see, post it here and we'll have a look.

Journeys

Landscapes

Sports

 
Thread Tools Display Modes
Old Dec-13-2008, 10:08 AM
#1
Distant Light is offline Distant Light OP
Big grins
Help changing last remnants of GREEN on my site!!
I'm fairly new to SmugMug - little over a month now - need help changing the last remnants of SmugMug GREEN on my site. I have successfully changed most everything satisfactorily, however, there are a couple of pesky remnants of GREEN I cannot seem to lick -

For reference, the link to my site: www.DistantLightImaging.com

First - In my galleries, when you are viewing in standard "SmugMug" style - the page number of the page you are on is still GREEN even though I have successfully changed the "Prev", "Next", and the associated navigational arrows to my desired colors. The page number of the page that the viewer is actually on "page X of XX", is still green even though everything else is white or light gray. Also, when you hover over the down arrow to select another page in the gallery, the page number and selector "shadow" are GREEN as well - can someone please help me clear this up??

Second - When a viewer selects an image and clicks on the image to view it in a larger size, the heading at the top of the page has unwanted GREEN as well - namely, the word "Sizes", the page navigation (ie.. 23 of 121", and the word "Close" - again any help changing these to my site color scheme would be appreciated -

I'm officially "launching" my site at a formal event on Sunday, December 14, 2008 and am hoping to have this corrected by then -

Thanks !!!!!!
Old Dec-13-2008, 10:11 AM
#2
jfriend is offline jfriend
Scripting dude-volunteer
Do you realize that you could just pick a different site-wide theme that uses white text instead of green text? Since you aren't using any of the fancy themes (at least that I see), there are themes (like Gradient Gray) that don't use the green. If that works for you, that's the best and easiest way to get rid of the green.
__________________
--John
Homepage Popular
JFriend's javascript customizations Secrets for getting fast answers on Dgrin
Always include a link to your site when posting a question
Old Dec-13-2008, 10:18 AM
#3
Distant Light is offline Distant Light OP
Big grins
That's a good suggestion - however, I have actually done a lot of "tuning" to the theme to change box backgrounds, text, etc... that I would have to give up if I went with a packaged theme. I will try a couple and see - really hadn't thought about that - might have saved me a bunch of time!

Also, forgot to ask this in my initial post - how can I change the font size of individual text, like gallery descriptions. I modified the font of my site wide text and like it very much, but the new font is too strong in certain places - look at my gallery descriptions and photo descriptions for example.

Thanks again -
Old Dec-13-2008, 10:27 AM
#4
denisegoldberg is offline denisegoldberg
Major grins
denisegoldberg's Avatar
Quote:
Originally Posted by Distant Light
Also, forgot to ask this in my initial post - how can I change the font size of individual text, like gallery descriptions. I modified the font of my site wide text and like it very much, but the new font is too strong in certain places - look at my gallery descriptions and photo descriptions for example.
You can change the font size of individual items quite easily, but first I believe you should rethink your current font size that you set with this CSS:
Code:
body {
font-family: BlairMdITC TT, sans-serif  !important;
font-size: 50%;
}
You may like it very much, but I can't read your navbar entries, your copyright, your email me link, your gallery names, or your descriptions. Do you want people to be able to navigate through your photos, and to know where they are in your galleries?

You say you want to launch your site tomorrow, yet your About, Information, and Guestbook entries go to a blank screen because your navbar entries specify an invalid album id and key. Even if you're not ready to complete those pages, at least create a gallery that contains a "coming soon" message so that your viewers won't see a blank black page.

To change the size of a gallery description and photo caption, use this CSS and change the percentage to the size that you want:
Code:
 
#albumDescription,
#caption_bottom {
    font-size: 100%;
}
--- Denise
__________________
http://www.denisegoldberg.com ... http://denise.smugmug.com

Musings & ramblings at http://denisegoldberg.blogspot.com, quick posts in google+
Old Dec-13-2008, 10:36 AM
#5
Distant Light is offline Distant Light OP
Big grins
Denise -

Thanks for your observations - I'm using a crystal clear 24 inch imac so maybe things don't look the same on other computers - something I hadn't thought about!

I have the other pages "about me" , "information" etc.. built - just haven't linked them yet.

Thanks for the tips -
Old Dec-13-2008, 10:39 AM
#6
denisegoldberg is offline denisegoldberg
Major grins
denisegoldberg's Avatar
Quote:
Originally Posted by Distant Light
Thanks for your observations - I'm using a crystal clear 24 inch imac so maybe things don't look the same on other computers - something I hadn't thought about!
I'm using a wide-screen Dell laptop with a good quality screen. Here's what your navbar looks like:
Attached Images
 
__________________
http://www.denisegoldberg.com ... http://denise.smugmug.com

Musings & ramblings at http://denisegoldberg.blogspot.com, quick posts in google+
Old Dec-13-2008, 10:41 AM
#7
denisegoldberg is offline denisegoldberg
Major grins
denisegoldberg's Avatar
And here's your copyright notice and email link:

I'm sure some (young) folks will be able to read it, but I honestly think it's too small.

--- Denise
Attached Images
 
__________________
http://www.denisegoldberg.com ... http://denise.smugmug.com

Musings & ramblings at http://denisegoldberg.blogspot.com, quick posts in google+
Old Dec-13-2008, 10:46 AM
#8
Distant Light is offline Distant Light OP
Big grins
I appreciate it - good advice - when designing a site, what do you think is the most common resolution to plan for from an audience perspective?
Old Dec-13-2008, 10:50 AM
#9
denisegoldberg is offline denisegoldberg
Major grins
denisegoldberg's Avatar
Quote:
Originally Posted by Distant Light
I appreciate it - good advice - when designing a site, what do you think is the most common resolution to plan for from an audience perspective?
Unfortunately I don't have a magic answer for that.

I think the size that you've changed to works much better than your initial 50% size. Looks good to me at least...

You've already taken (what I would consider) an important step by sizing by percentage and not by absolute pixel. That at least allows people to resize using browser options, when an absolute pixel size can't always be resized (IE ignores the request; Firefox doesn't) unless your viewer knows to use ctrl+ and ctrl- to resize.

--- Denise
__________________
http://www.denisegoldberg.com ... http://denise.smugmug.com

Musings & ramblings at http://denisegoldberg.blogspot.com, quick posts in google+
Old Dec-13-2008, 10:53 AM
#10
jfriend is offline jfriend
Scripting dude-volunteer
Quote:
Originally Posted by Distant Light
I'm fairly new to SmugMug - little over a month now - need help changing the last remnants of SmugMug GREEN on my site. I have successfully changed most everything satisfactorily, however, there are a couple of pesky remnants of GREEN I cannot seem to lick -

For reference, the link to my site: www.DistantLightImaging.com

First - In my galleries, when you are viewing in standard "SmugMug" style - the page number of the page you are on is still GREEN even though I have successfully changed the "Prev", "Next", and the associated navigational arrows to my desired colors. The page number of the page that the viewer is actually on "page X of XX", is still green even though everything else is white or light gray. Also, when you hover over the down arrow to select another page in the gallery, the page number and selector "shadow" are GREEN as well - can someone please help me clear this up??

Second - When a viewer selects an image and clicks on the image to view it in a larger size, the heading at the top of the page has unwanted GREEN as well - namely, the word "Sizes", the page navigation (ie.. 23 of 121", and the word "Close" - again any help changing these to my site color scheme would be appreciated -

I'm officially "launching" my site at a formal event on Sunday, December 14, 2008 and am hoping to have this corrected by then -

Thanks !!!!!!
I agree with Denise. Your fonts are really kind of odd and unreadable with a mix of normal size and 50% size, even in the same line. The sizes that Smugmug picks as a default are generally good for a wide range of screens. Making yours only 50% as large is unlikely to work broadly.

To get rid of the greens you mention, you can use this CSS (substitute your own colors if you want):

.pickerContent a.pageOn, .pickerContent a.pageOn:hover {color:white;}
.pickerContent a.page:hover {background-color:white;}
a.title {color:white;}


For the green in the lightbox, use this:
#lightBoxNav .title, #cartNav .title, #popUpnav .title {color:white;}
__________________
--John
Homepage Popular
JFriend's javascript customizations Secrets for getting fast answers on Dgrin
Always include a link to your site when posting a question
Old Dec-13-2008, 11:00 AM
#11
Allen is online now Allen
"tweak 'til it squeaks"
Allen's Avatar
Quote:
Originally Posted by Distant Light
..
Think you missed this thread.
http://www.dgrin.com/showthread.php?t=113098
__________________
Al - Just a volunteer here having fun :D
My Website my Blog
Mozilla Firefox Web Developer Firebug
Customization FAQ Banner/Navbar/Slideshow Tutor
Old Dec-13-2008, 11:04 AM
#12
jfriend is offline jfriend
Scripting dude-volunteer
FYI, in looking at your site, you might also be interested in this code for modernizing your style picker.
__________________
--John
Homepage Popular
JFriend's javascript customizations Secrets for getting fast answers on Dgrin
Always include a link to your site when posting a question
Old Dec-13-2008, 11:11 AM
#13
Distant Light is offline Distant Light OP
Big grins
My thanks to you both - too many choices in the hands of a novice - for now I will just take the smugmug defaults for the fonts and size and kill the code that's screwing things up. Thanks for the code to modify the colors - that was my biggest concern -
Old Dec-13-2008, 11:25 AM
#14
Distant Light is offline Distant Light OP
Big grins
Quote:
Originally Posted by jfriend
FYI, in looking at your site, you might also be interested in this code for modernizing your style picker.

Okay, you guys are killin' me!!! So many improvements in just a few minutes - it's amazing how many hours I have trolled through post after post looking for some of these answers - the response in this community is overwhelming - I am glad to finally be a part of the smugmug forums!

Thanks thanks thanks to all -

I'm open for any suggestions you have -
Tell The World!  

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