- This topic is empty.
-
AuthorPosts
-
April 21, 2013 at 10:31 pm #44287
tedubitsky
Memberhi all – hope you’re well.
i know very basic css, but seem to be stuck on this one. i need to center my nav and increase the font size to 24, but can’t seem to find the right spot. i’ve been poking around for a few hours to no avail. any ideas?
/*
Theme667
*/
h1, h2, h3, h4, h5, h6 {{font-size:80px;}
margin: 10px 0;
}body {
font-family: “Arial”, Bold, Oblique, FreeSerif, serif; font-style: oblique
margin: 1000;
}.sf_outer_wrapper {
margin: 200px;
}.sf_wrapper {
width: 100%;
padding: 0px 0;
}/* main */
.sf_pagetitle {
float:center;
width:100%;
}.sf_content {
float:left;
margin-top:10px;
width:100%;
}/* sidebar Left */
.sf_region3 {
float: left;
width: 180px;
overflow: hidden;
margin: 0;
position: x500; y550;
}.sf_region3 .widget {
margin: 20px 0;
}/* sidebar Right */
.sf_region7 {
float: right;
width: 180px;
overflow: hidden;
margin: 0 10px;
}.sf_region7 .widget {
margin: 20px 0;
}/* navigation */
.sf_region3 .sf_navigation .widget {
margin: 800;
}
float:center;.sf_navigation h3 {
display:none;
}.sf_navigation {
clear:both;
margin: 100;
padding:100;
width: 95%;
}.sf_navigation:after {
content: ” “;
display: block;
clear: both;
visibility: hidden;
font-height: 1px;
margin: 0px;
padding: 0px;
}.sf_navigation ul {
margin: 0;
padding:0;
}.sf_navigation ul:after {
content: “.”;
display: block;
visibility: hidden;
height: 0;
font-size: 1px;
clear: both;
}.sf_navigation ul li {
list-style: none;
margin: 190;
padding: 190;
white-space: nowrap;
float:left;
}.sf_navigation ul li a {
text-decoration: none;
padding: 3px 75px 3px 0;
display: block;
}.sf_navigation ul li a:hover {
text-decoration:bold;
}/* subnav */
.sf_navigation .subnav {
background-color: #000000;
float: left;
left: -999em;
list-style-type: none;
margin: 0;
padding: 0;
position: absolute;
width: 150px;
z-index:1000;
}.sf_navigation .subnav li {
float: left;
width: 150px;
margin: 0;
padding: 0;
white-space: normal;
}.sf_navigation .subnav li a {
display: block;
padding: 2px 5px;
margin: 0;
width: 140px;
}.sf_navigation .subnav li a:hover {
}#Nav1 li:hover ul,
#Nav1 li.sfhover ul {
left: auto;
}#Nav1 iframe {
position: absolute;
left: 0;
top: 0;
z-index: 100;
filter: progid:DXImageTransform.Microsoft.Alpha(style=0, opacity=0);
}#Nav1 li:hover,
#Nav1 li.hover {
position: static;
}/* End Navigation */
/* Footer */
.sf_region10 {
clear: both;
text-align: center;
padding: 40px 0;
margin-left: 15%;
}}
/* Other */
.form_button {
padding: 5px 0px;
}a:link {
text-decoration: none;
}a:visited {
text-decoration: none;
}a:hover {
text-decoration: none;
}thanks!
April 22, 2013 at 4:57 am #132681Paulie_D
MemberDo you have a link?
It would be easier to help you if we could see it in action rather than having to wade through a lot of irrelevant CSS without the benefit of the HTML.
However, I can tell you that this:
.sf_region3 .sf_navigation .widget { margin: 800; } float:center; <--- is not a real CSS property. and even if it was, it’s outside the brackets.
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.