Styling Page Titles
-
The Titles of my blogs are styled by my style.css file but the titles of my pages aren’t.
This is my Site.And here’s my style.css file. `/*
Theme Name: Taylor Lautner
Theme URI: http://smashed.summerhugs.com
Description: This is the AnneMarie’s First Theme
Version: 1
Author: AnneMarie
Author URI: http://smashed.summerhugs.com
Tags: none
*//*positioning*/
#container {
-moz-border-radius: 0px 0px 0px 0px;
width:77%;
margin-left:auto;
margin-right:auto;
position: center center;
background-color: #212121;
padding: 0px;
}#Header {
-moz-border-radius: 0px 0px 0px 0px;
position: center;
background-image:url(http://i86.photobucket.com/albums/k97/natasha_b7/wordpresslayout1/Background-5.jpg) !important;
background-repeat: repeat-x;
background-position: center left;
background-color: none;
width: 100%;
height: 399px;
text-align: left;
}#nav {
display:inline;
position: relative;
width: 100%;
}#main {
float: right;
display:inline;
position: relative;
width: 83%;
max-width: 85%;
background: #212121;
}#sidebar1 {
float: left;
display:inline;
position: relative;
width: 15%;
background-color: #212121;
}#sidebar2 {
float: right;
display:inline;
position: relative;
width: 25%;
background-color: #212121;
}#footer {
clear:both;
text-align: center;
width: 100%;
background-color: #212121;
}/*posts*/
.postHead {
-moz-border-radius: 10px 10px 10px 10px;
background-color: #212121;
padding-left: 0px;
}.postinfo
{
font-size: 11px;
font-family: “arial”, “century gothic”, sans-serif;
font-weight: lighter;
text-align: center;
padding-left: 0px;
color: #cccccc;
text-transform: lowercase;
margin-top: -15px;
background-color: #212121;
}post {
background-color: #212121;
}h1 {
cursor:default;
background-color: none;
padding-left: 0px;
font-family: “century gothic”, arial, georgia, sans-serif;
font-size: 20px;
color: #ec008c;
text-align: left;
font-weight: lighter;
first-letter {color: #ec008c;}
}h2 a.title, h2 .title, .title, .wrap h2, .catlink, #newlink h2
{
padding-left: 0px;
font-family: “century gothic”, arial, georgia, sans-serif;
font-size: 30px;
line-height: 25px;
color: #C2C2C2;
text-align: left;
text-decoration: bold;
font-weight: lighter;
background-color: #212121;
}h3 {
background-color: #212121;
}/*Navbar*/
#nav {
text-decoration: none;
font-family: verdana;
font-weight:normal;
font-size:20px;
line-height:30px;
color: #000000;
padding: 1px;
display:row;
letter-spacing:0px;
border-bottom: 1px solid #505050;
border-left: 0px solid #000000;
padding: 0px;
text-align: left;
background: #212121;
text-transform: none;
}
a.nav, a.nav:link, a.nav:active, a.nav:visited {
color: #00868B;
}a.nav:hover {
color: #ec008c;
text-decoration: none;
}.search {
float:right;
padding:1.5em 5% 0 0;
}
.search form {
margin:0;
padding:0;
}
.search input {
display:inline;
width:218px;
border:1px solid #ffffff;
margin:0;
padding:0.2em 5px;
background:#ffffff;
color: #000000;
font-size:1.1em;
}/*extras*/
body {
font-family: Tahoma;
font-size: 10pt;
line-height: 10pt;
color: #ffffff;
margin: 0;
padding: 0;
background-color: #388E8E;
}scrollbar-face-color:#000000;
scrollbar-highlight-color:#8a1184;
scrollbar-3dlight-color:#8a1184;
scrollbar-shadow-color:#00000;
scrollbar-darkshadow-color:#8a1184;
scrollbar-track-color:#00000;
scrollbar-arrow-color:#000000;
}a, a:visited, a:link, a:active { color: #fcc400; text-decoration: none; background-color: inherit;}
a:hover{ color: #fcc400; text-transform: none;}
a, a:visited, a:link, a:active { color: #00868B; text-decoration: none; background-color: inherit;}
a:hover{ color: #ec008c; text-transform: none;}
b, strong, em, i{ color: #00868B; background-color: inherit;}
u{ text-decoration: none; color: #00868B;border-bottom: 1px solid #d4eb89; background-color: inherit;}input, textarea, select {
background-color: #ffffff;
color: #000000;
font-size: 11px;
font-family: “lucida grande”, sans-serif;
border: 0px;
}`
The topic ‘Styling Page Titles’ is closed to new replies.