Oh no! Where's the JavaScript?
Your Web browser does not have JavaScript enabled or does not support JavaScript. Please enable JavaScript on your Web browser to properly view this Web site, or upgrade to a Web browser that does support JavaScript.
Not a member yet? Click here to register.
Forgot Password?

Making text smaller?

Asked Modified Viewed 4,749 times
P
ps2cho
P
ps2cho 10
  • Junior Member, joined since
  • Contributed 22 posts on the community forums.
  • Started 11 threads in the forums
  • Started this discussions
asked
Junior Member

http://www.w124-zone.com/news.php

My navigation menu is very large in comparison to the rest of the site since the phpfusion update...

Anyway to reduce the size of it somehow?
0 replies

6 posts

M
Matonor
M
Impossible things are there to be made possible
  • Veteran Member, joined since
  • Contributed 1,022 posts on the community forums.
  • Started 3 threads in the forums
answered
Veteran Member

Remove the font-size setting from #navigation a and play with the margin and padding values of #navigation a and #navigation li in your theme's styles.css
0 replies
answered
Newbie

Thanks Matonor. You helped me too.
0 replies
H
Homdax
H
Homdax 10
  • Fusioneer, joined since
  • Contributed 2,247 posts on the community forums.
  • Started 108 threads in the forums
answered
Fusioneer

As a Daimler employee I like the site! ;)
0 replies
P
ps2cho
P
ps2cho 10
  • Junior Member, joined since
  • Contributed 22 posts on the community forums.
  • Started 11 threads in the forums
  • Started this discussions
answered
Junior Member

Quote

Homdax wrote:

As a Daimler employee I like the site! wink


Thanks!


-------------

Here is my code:

[syntaxhighlighter brush=php,first-line=1,highlight=0,collapse=false,html-script=false]#navigation {
line-height : 2em;
}

#navigation h2 {
margin : 10px 0 10px 0;
color : #0099cc;
background : inherit;
}

#navigation ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#navigation li {
margin : 0 0 0.5em 0;
}

#navigation a {
display : block;
color : #0099cc;
background : #111;
padding : 0.1em 0.8em;
border : 1px solid #333;
text-decoration : none;
}[/syntaxhighlighter]

I'm not sure what values to play with? What would you recommend if I would like to kinda make it as small as the rest of the text on the page?
0 replies
M
Matonor
M
Impossible things are there to be made possible
  • Veteran Member, joined since
  • Contributed 1,022 posts on the community forums.
  • Started 3 threads in the forums
answered
Veteran Member

If this is the way you altered it that should be fine as you removed font-size: 11px in #navigation a which does make the navigation links larger than the rest.
If you plan on doing more theme editing stuff, you should get yourself Firebug, an awesome tool to analyze the style, structure and scripts of a website.
0 replies
M
M0rdak
M
M0rdak 10
  • Junior Member, joined since
  • Contributed 18 posts on the community forums.
answered
Junior Member

Or you could just use google chrome.
0 replies

Category Forum

Themes Support

Labels

None yet

Statistics

  • Views 0 views
  • Posts 6 posts
  • Votes 0 votes
  • Topic users 5 members

5 participants

M
M
Impossible things are there to be made possible
  • Veteran Member, joined since
  • Contributed 1,022 posts on the community forums.
  • Started 3 threads in the forums
H
H
Homdax 10
  • Fusioneer, joined since
  • Contributed 2,247 posts on the community forums.
  • Started 108 threads in the forums
P
P
ps2cho 10
  • Junior Member, joined since
  • Contributed 22 posts on the community forums.
  • Started 11 threads in the forums
  • Started this discussions
M
M
M0rdak 10
  • Junior Member, joined since
  • Contributed 18 posts on the community forums.

Notifications

Track thread

You are not receiving notifications from this thread.

Related Questions

Not yet