Mon, 2013-12-09 20:33
I want to make bigger font size of main menu.
I tried to correct some code, but it didn't work.
This is the header portion of style.css:
/*------HEADER------*/ .head-row1 { height:90px; width:100%; overflow:hidden;} .head-row1 .col1 { float:left; } .head-row1 .col2 { float:right;} .head-row2 { height:45px; width:100%;background:none; margin-bottom:11px;} .head-row2 .col1 { float:left; width:721px;} .head-row2 .col2 { float:left; width: 230px; margin: 7px 0 0 0;} .head-row3 { width:100%;} .head-row4 { height:; width:100%;} .logo { margin:7px 20px 0px 0; float:left;} h1.site-name { font-size:32px; padding:40px 10px 0px 30px; font-family:"Trebuchet MS"; text-transform:capitalize; font-weight:bold;} h1.site-name a { color:#FFFFFF; text-decoration:none; font-weight:normal; line-height:30px;} .slogan { padding:4px 0px 0px 12px; color:#FFFFFF; font-size:12px; text-transform:none; float:left;} .slogan-img { margin:71px 0px 21px 0px;} .wrapper-top-menu {padding:1px 0 0 5px;} ul.menu-nav {margin:0px; padding:0; list-style:none; text-align:center;} ul.menu-nav li { float:left; padding:0px 1px 0px 0px; background:url(images/bg-li000.gif) no-repeat right top} ul.menu-nav li li { background:none;} ul.menu-nav li a { color:#eee; text-decoration:none; font-size:20px; display:block; padding:15px; text-transform:uppercase;} ul.menu-nav li.active a, ul.menu-nav li a:hover { background:url(images/bg-li-ac.gif) top repeat-x; text-decoration:underline; font-style: inherit;} ul.menu-nav li.first a:hover, ul.menu-nav li.first a.active{ background:url(images/bg-li-fi.png) no-repeat right top} div.menu-nav {padding:1px 0 0 5px;} div.menu-nav ul {margin:0px; padding:0; list-style:none; text-align:center;} div.menu-nav ulli { float:left; padding:0px 1px 0px 0px; background:url(images/bg-li000.gif) no-repeat right top} div.menu-nav ul li li { background:none;} div.menu-nav ul li a { color:#eee; text-decoration:none; font-size:20px; display:block; padding:15px; text-transform:uppercase;} div.menu-nav ul li.active a, div.menu-nav ulli a:hover { background:url(images/bg-li-ac.gif) top repeat-x; text-decoration:underline; font-style: inherit;} div.menu-nav ul li.first a:hover, div.menu-nav ul li.first a.active{ background:url(images/bg-li-fi.png) no-repeat right top} /* footer */ #footer { background:url(images/bg-footer.jpg) repeat-x 0 0; color:#373737; font-size:10px; font-weight:normal; text-align:center; width:100%; overflow:hidden; text-transform:uppercase;} .foot { text-align:center; margin:0 auto; width:980px; padding:30px 0px 30px 0px;} #footer a { color:#666; text-decoration:none; list-style-type:} #footer a:hover{ text-decoration:underline;} #footer .foot span { padding-left:0px; line-height:20px;} #footer .foot div.tm {padding-left:0px;} /* footer end */
Thanks in advance,
George
Mon, 2013-12-09 22:15
#1
Hi georgecog, Currently the
Hi georgecog,
Currently the font-size is set at 20px from line 135 of style.css
ul.menu-nav li a
You should be able to change it there.
Tue, 2013-12-10 16:20
#2
Thanks
Thank you, Tony. Also I realized that Google Chrome night not be clearing well his cache.
I was able to see the changes with Firefox.
Best regards
Wed, 2014-01-22 09:50
#3
nice
very nice good job and thanks to the sharing good knowledge.....