Background colour width of Simple Blue theme
Permalink
I posted this in the wrong section last week - apologies.
I would like to change the width of the blue background for the nav bar in the Simple Blue theme. I have gone into the main.css file and changed the width from 100% to 900px. This changes the width to what I wanted, but then the nav bar, and its background, were aligned to the left of the page. I tried changing text-align = "left" to text-align="center" in what I think are the nav bar parameters, but none of these work. Can anybody please tell me which line I need to change and what it should be changed to please? (The site ishttp://www.locks-heath.com )
I would like to change the width of the blue background for the nav bar in the Simple Blue theme. I have gone into the main.css file and changed the width from 100% to 900px. This changes the width to what I wanted, but then the nav bar, and its background, were aligned to the left of the page. I tried changing text-align = "left" to text-align="center" in what I think are the nav bar parameters, but none of these work. Can anybody please tell me which line I need to change and what it should be changed to please? (The site ishttp://www.locks-heath.com )
If that's correct, you need to do the following:
(line 46) #page #nav ul
add: text-align: center;
(line 47) #page #nav ul li
remove: float: left;
add: display: inline;
(line 48) #page #nav ul a
remove: float: left;
Do you use Firefox and the Firebug addon? It's brilliant!
Hope that helps,
Jon
(line 46) #page #nav ul
add: text-align: center;
(line 47) #page #nav ul li
remove: float: left;
add: display: inline;
(line 48) #page #nav ul a
remove: float: left;
Do you use Firefox and the Firebug addon? It's brilliant!
Hope that helps,
Jon
Jon,
Thank you for your reply. In fact you've answered another question, and I will make that change. What am looking to do is to change the width of the blue background colour of the nav bar to the same width as the page is currently set to (900px), and center it across the width of the page.
I always use Firefox, but have not looked at the Firebug add-on - I will take a look now.
Keith
Thank you for your reply. In fact you've answered another question, and I will make that change. What am looking to do is to change the width of the blue background colour of the nav bar to the same width as the page is currently set to (900px), and center it across the width of the page.
I always use Firefox, but have not looked at the Firebug add-on - I will take a look now.
Keith
Ahh, in that case...
(line 42) #page #nav-out
change: width: 100%; to width: 900px;
add: margin: 0 auto;
My opinion?? Leave it full width - looks better that way :)
Jon
(line 42) #page #nav-out
change: width: 100%; to width: 900px;
add: margin: 0 auto;
My opinion?? Leave it full width - looks better that way :)
Jon
jon,
Thanks for your help and advice. I've now installed the Firebug plug-in, so will give it a try.
Keith
Thanks for your help and advice. I've now installed the Firebug plug-in, so will give it a try.
Keith
Currently, when I look at the site, the bluebar is full width and the navigation is 900px wide centered above the site. The links inside the nav are left aligned within that navigation area.
Are you wanting the links within the nav to be centered?
jon