• Gear
  • Shots
  • Photo Craft
  • Video
  • Wide Angle
  • Support
  • New Stuff
  • More
Support SmugMug Customization custom nav bar background

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 #130 (Hot or Cold), Memol..

The next Dgrin Challenge DSS #131 (Music) is open for entries through June 24th, 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 Jul-28-2012, 01:55 AM
#1
Got Grins? is offline Got Grins? OP
Big grins
Got Grins?'s Avatar
custom nav bar background
Can you please tell me how to make my custom nav bar be a straight line underneath the header instead of individual boxes. I want the white background to go straight across the page.

Please and thank you :)

www.gotgrins.com
__________________
Got Grins? :D
www.gotgrins.com
Old Jul-28-2012, 05:12 AM
#2
Allen is offline Allen
"tweak 'til it squeaks"
Allen's Avatar
Quote:
Originally Posted by Got Grins? View Post
Can you please tell me how to make my custom nav bar be a straight line underneath the header instead of individual boxes. I want the white background to go straight across the page.

Please and thank you :)

www.gotgrins.com
Add this to your CSS.
Code:
#navcontainer {
   background:#fff;
   width: 800px;
   margin: 0 auto;
   height: 25px;
}
Old Jul-28-2012, 01:30 PM
#3
Got Grins? is offline Got Grins? OP
Big grins
Got Grins?'s Avatar
Allen! Thank you so very very very much :) I REALLY appreciate it!! My site is a MESS!
__________________
Got Grins? :D
www.gotgrins.com
Old Jul-28-2012, 01:43 PM
#4
Got Grins? is offline Got Grins? OP
Big grins
Got Grins?'s Avatar
Allen, Is there a way to make the white (behind the nav bar now) extend all the way down the page behind the galleries etc? And can I add a drop shadow to it? I am trying to make it look a little more like my blog at www.gotgrinsphotography.com

THANK YOU!!!
__________________
Got Grins? :D
www.gotgrins.com
Old Jul-28-2012, 01:45 PM
#5
Got Grins? is offline Got Grins? OP
Big grins
Got Grins?'s Avatar
PS my plan is to have the filmstrip galleries on every page except my investment page. I actually would like to have it end above my social networking site links (above the footer)
__________________
Got Grins? :D
www.gotgrins.com
Old Jul-28-2012, 03:13 PM
#6
Allen is offline Allen
"tweak 'til it squeaks"
Allen's Avatar
Quote:
Originally Posted by Got Grins? View Post
Allen, Is there a way to make the white (behind the nav bar now) extend all the way down the page behind the galleries etc? And can I add a drop shadow to it? I am trying to make it look a little more like my blog at www.gotgrinsphotography.com

THANK YOU!!!
See if this works for you. Add to your CSS.

#bodyWrapper {background:#fff; width:820px; margin:0 auto;}
Old Jul-28-2012, 03:25 PM
#7
Got Grins? is offline Got Grins? OP
Big grins
Got Grins?'s Avatar
Thats definitely getting better :) its a little off center for sure but thank you!! If you can tell me how to center it that would be awesome...thanks for all your help already!!
__________________
Got Grins? :D
www.gotgrins.com
Old Jul-28-2012, 03:34 PM
#8
Allen is offline Allen
"tweak 'til it squeaks"
Allen's Avatar
Quote:
Originally Posted by Got Grins? View Post
Thats definitely getting better :) its a little off center for sure but thank you!! If you can tell me how to center it that would be awesome...thanks for all your help already!!
Looks centered here?
Old Jul-28-2012, 03:43 PM
#9
Got Grins? is offline Got Grins? OP
Big grins
Got Grins?'s Avatar
hmmm to me there is more white border around the left of the banner then the right side?
__________________
Got Grins? :D
www.gotgrins.com
Old Jul-28-2012, 05:30 PM
#10
Allen is offline Allen
"tweak 'til it squeaks"
Allen's Avatar
Quote:
Originally Posted by Got Grins? View Post
hmmm to me there is more white border around the left of the banner then the right side?
It is because Easy Customizer positioned it to the left and not center.
CSS added by Easy Customizer.

#customLogo { background-color: transparent;
background-image: url(http://gotgrins.smugmug.com/photos/i...DdKtdc-L.jpg);
background-repeat: no-repeat; background-position: top left; cursor: pointer; }

Add this to your advanced CSS.

#customLogo {background-position: top center;}

Notice everything else on page is centered?
Tell The World!  
Tags
custom nav bar background
Similar Threads Thread Starter Forum Replies Last Post
Custom Background? Mrs. Prout Has a Camera SmugMug Customization 8 Aug-31-2012 09:06 PM
Custom Background issue JA.adonaiphoto SmugMug Customization 1 Jan-18-2012 07:16 AM
remove white background under my custom footer SteveAx SmugMug Customization 1 Apr-20-2010 08:20 PM
Theme cast-offs ivar SmugMug Customization 4 Jun-26-2008 08:20 PM
Keywords not showing up sbressler SmugMug Support 4 Apr-17-2008 10:37 PM


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