Chez G
02-20-2010, 01:03 AM
Hello Everybody.
I'm completely new at this and need help please.
In Website Tonight using template, "Clean Slate", in "Advanced Style Options", using given CSS.
Concerning the navigation text, style, colour, size and location.
The colour of the font I can change but . . .
I am unable to change the font style to Ariel, Regular, 11pix, underlined, line colour C0C0C0, and moved down the page about an inch.
Any help appreciated and thank you in advance for any given. G
I prefer not to publicly display my web address at this time but am happy to do so privately.
The code supplied which required editing is:
/*----------------------------------
Theme411_Clean_Slate
Cat Generic
----------------------------------*/
body {
font-family: "Times New Roman", Times, FreeSerif, serif;
}
.sf_outer_wrapper {
}
.sf_extra1 {
}
.sf_wrapper {
}
/*--------------------------------
Top Navigation
---------------------------------*/
.sf_navigation_top {
display: none;
}
.sf_navigation_top ul{
}
.sf_navigation_top ul:after{
}
.sf_navigation_top ul li {
}
.sf_navigation_top ul li.sf_last_nav_item{
}
.sf_navigation_top ul li.sf_first_nav_item{
}
.sf_navigation_top ul li a {
}
.sf_navigation_top ul li a:visited {
}
.sf_navigation_top ul li a:hover {
}
/*--------------------------------
End Top Navigation
---------------------------------*/
.sf_extra10 {
}
/*--------------------------------
Header
---------------------------------*/
.sf_header_wrapper {
}
.sf_extra2 {
}
.sf_main_header {
}
.sf_extra3 {
}
.sf_sub_header {
}
/*--------------------------
End Header
--------------------------*/
.sf_extra4 {
}
/*--------------------------------
Bottom Navigation
---------------------------------*/
/**
* @section navigation
*/
.sf_navigation {
padding:0;
margin: 0;
}
.sf_navigation ul {
height: auto !important;
height: 1%;
list-style-type:disc;
margin:0;
padding:0 0 0 30px;
width: 200px;
}
.sf_navigation ul li {
margin:0;
padding:0;
width:200px;
}
.sf_navigation ul li a {
display:block;
margin: 0;
padding:0;
text-decoration: none;
width:175px;
}
.sf_navigation ul li a:hover {
text-decoration:underline;
}
/**
* @section subnav
*/
.sf_navigation ul.subnav {
background:#ffffff;
left: -999em;
list-style-type:none;
margin:-1.12em 0 0 160px;
padding:0;
position: absolute;
float: left;
width: 170px;
z-index:1000;
}
.sf_navigation ul.subnav li {
float: left;
width: 170px;
margin:0;
padding:0;
}
.sf_navigation ul.subnav li a {
width: 170px;
display: block;
padding:2px 0;
margin: 0;
background-image:none;
}
.sf_navigation ul.subnav li a {
text-decoration:none;
}
.sf_navigation ul.subnav li a:hover {
background:#f1f1f1;
text-decoration:underline;
}
#Nav1 li:hover ul,
#Nav1 li.sfhover ul {
left: auto;
}
#Nav1 iframe {
position: absolute;
left: 0;
top: 0;
z-index: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(style=0,op acity=0);
}
#Nav1 li:hover, #Nav1 li.hover {
position: static;
}
/*--------------------------------
End Bottom Navigation
---------------------------------*/
.sf_extra5 {
clear:none !important;
clear:left;
}
/*--------------------------------
Page Title
---------------------------------*/
.sf_pagetitle {
color: ;
}
/*--------------------------------
End Page Title
---------------------------------*/
.sf_extra6 {
}
.sf_extra11 {
}
/*--------------------------
Content
--------------------------*/
.sf_content {
}
.sf_content img {
}
/*--------------------------
End Content
--------------------------*/
.sf_extra12 {
}
.sf_extra7 {
}
/*--------------------------
Footer
--------------------------*/
.sf_footer {
clear: both;
}
/*--------------------------
End Footer
--------------------------*/
.sf_extra8 {
}
.sf_extra9 {
}
/*--------------------------
Extra Stuff
--------------------------*/
a:link {
}
a:visited {
}
a:hover {
}
.sf_banner {
margin: 40px auto 0 auto;
text-align: center;
}
.sf_banner a{
}
/**
* Sticking flyout menu bug
*
* @bugfix
* @affected ie7
* @css-for ie7
* @valid yes
*/
#Nav1 li:hover, #Nav1 li.hover {
position: static;
}
I'm completely new at this and need help please.
In Website Tonight using template, "Clean Slate", in "Advanced Style Options", using given CSS.
Concerning the navigation text, style, colour, size and location.
The colour of the font I can change but . . .
I am unable to change the font style to Ariel, Regular, 11pix, underlined, line colour C0C0C0, and moved down the page about an inch.
Any help appreciated and thank you in advance for any given. G
I prefer not to publicly display my web address at this time but am happy to do so privately.
The code supplied which required editing is:
/*----------------------------------
Theme411_Clean_Slate
Cat Generic
----------------------------------*/
body {
font-family: "Times New Roman", Times, FreeSerif, serif;
}
.sf_outer_wrapper {
}
.sf_extra1 {
}
.sf_wrapper {
}
/*--------------------------------
Top Navigation
---------------------------------*/
.sf_navigation_top {
display: none;
}
.sf_navigation_top ul{
}
.sf_navigation_top ul:after{
}
.sf_navigation_top ul li {
}
.sf_navigation_top ul li.sf_last_nav_item{
}
.sf_navigation_top ul li.sf_first_nav_item{
}
.sf_navigation_top ul li a {
}
.sf_navigation_top ul li a:visited {
}
.sf_navigation_top ul li a:hover {
}
/*--------------------------------
End Top Navigation
---------------------------------*/
.sf_extra10 {
}
/*--------------------------------
Header
---------------------------------*/
.sf_header_wrapper {
}
.sf_extra2 {
}
.sf_main_header {
}
.sf_extra3 {
}
.sf_sub_header {
}
/*--------------------------
End Header
--------------------------*/
.sf_extra4 {
}
/*--------------------------------
Bottom Navigation
---------------------------------*/
/**
* @section navigation
*/
.sf_navigation {
padding:0;
margin: 0;
}
.sf_navigation ul {
height: auto !important;
height: 1%;
list-style-type:disc;
margin:0;
padding:0 0 0 30px;
width: 200px;
}
.sf_navigation ul li {
margin:0;
padding:0;
width:200px;
}
.sf_navigation ul li a {
display:block;
margin: 0;
padding:0;
text-decoration: none;
width:175px;
}
.sf_navigation ul li a:hover {
text-decoration:underline;
}
/**
* @section subnav
*/
.sf_navigation ul.subnav {
background:#ffffff;
left: -999em;
list-style-type:none;
margin:-1.12em 0 0 160px;
padding:0;
position: absolute;
float: left;
width: 170px;
z-index:1000;
}
.sf_navigation ul.subnav li {
float: left;
width: 170px;
margin:0;
padding:0;
}
.sf_navigation ul.subnav li a {
width: 170px;
display: block;
padding:2px 0;
margin: 0;
background-image:none;
}
.sf_navigation ul.subnav li a {
text-decoration:none;
}
.sf_navigation ul.subnav li a:hover {
background:#f1f1f1;
text-decoration:underline;
}
#Nav1 li:hover ul,
#Nav1 li.sfhover ul {
left: auto;
}
#Nav1 iframe {
position: absolute;
left: 0;
top: 0;
z-index: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(style=0,op acity=0);
}
#Nav1 li:hover, #Nav1 li.hover {
position: static;
}
/*--------------------------------
End Bottom Navigation
---------------------------------*/
.sf_extra5 {
clear:none !important;
clear:left;
}
/*--------------------------------
Page Title
---------------------------------*/
.sf_pagetitle {
color: ;
}
/*--------------------------------
End Page Title
---------------------------------*/
.sf_extra6 {
}
.sf_extra11 {
}
/*--------------------------
Content
--------------------------*/
.sf_content {
}
.sf_content img {
}
/*--------------------------
End Content
--------------------------*/
.sf_extra12 {
}
.sf_extra7 {
}
/*--------------------------
Footer
--------------------------*/
.sf_footer {
clear: both;
}
/*--------------------------
End Footer
--------------------------*/
.sf_extra8 {
}
.sf_extra9 {
}
/*--------------------------
Extra Stuff
--------------------------*/
a:link {
}
a:visited {
}
a:hover {
}
.sf_banner {
margin: 40px auto 0 auto;
text-align: center;
}
.sf_banner a{
}
/**
* Sticking flyout menu bug
*
* @bugfix
* @affected ie7
* @css-for ie7
* @valid yes
*/
#Nav1 li:hover, #Nav1 li.hover {
position: static;
}