• Site

    I’m trying to center align everything. I’ve browsed some similar problems, but am still having no luck.

    Can someone help me, please?

Viewing 4 replies - 1 through 4 (of 4 total)
  • This is a HTML / CSS question. Not WordPress-specific.

    Try out this:
    CSS:

    body { text-align: center; }
    #wrap { margin: 0 auto; text-align: left; }

    Use your HTML.

    Thread Starter dollfayce

    (@dollfayce)

    Perhaps I’m a complete idiot, but that didn’t work. Here’s what the style sheet looks like from the theme I’ve installed:

    /*
    Theme Name: Girly Diaries
    Description: A lovly girly wordpress theme with the sidebar on the right.
    Author: Themes Junction
    
    */
    
    body {
    	font: 12px arial,verdana,sans-serif;
    	padding:0px;
    	margin:0px;
    	background:#FFFFF5 url(images/bg.gif) repeat-y left;
    }
    
    #wrap {
    	clear: both;
    	width: 1004px;
    	padding:0;
    	margin:0px;
    
    }
    #content-container {
    	float: left;
    	width: 1004px;
    	padding:0px;
    	margin-top:0px;
    	margin:0px;
    	clear:both;
    }
    #content {
    padding:0px;
    clear:both;
    }
    
    #header {
    	height:358px;
    	width: 1004px;
    	padding:0px;
    	margin:0px auto;
    	background:url(images/header.jpg) no-repeat top center;
    	float:none;
    }
    #header h1
    {
    font:40px 'times new roman';
    color:#FFDBD1;
    text-align:right;
    padding-right:100px;
    padding-top:100px;
    font-style:italic;
    }
    #header h1, h1 a, h1 a:visited {
    text-decoration: none;
    margin:0;
    color:#FAAAA2;
    }
    #header h1 a:hover {
    text-decoration: none;
    color:#FFDBD1;
    }
    #subtitle {
    
    	padding-right:100px;
    	color: #FA968B;
    	font:16px 'times new roman';
    	font-style:italic;
    	text-align:right;
    	float:right;
    	padding-top:0px;
    	font-weight:normal;
    }
    
    #navlist-container{
    	padding:5px 0px 0 10px;
    	position:absolute;
    	top:312px;
    	left:20px;
    	float:left;
    	clear:both;
    	}
    #navlist{
    	position:relative;
    	display:block;
    	height:43px;
    	font-size:12px;
    	font-weight:normal;
    	font-weight:bold;
    	padding:0;
    	font-family:Verdana,arial;
    
    	}
    #navlist ul{
    	margin:0px;
    	padding:0px 0px 0 20px;
    	list-style-type:none;
    	width:auto;
    	float:left;
    	}
    #navlist ul li{
    	display:block;
    	float:left;
    	margin:0 ;
    	}
    #navlist ul li a{
    	display:block;
    	float:left;
    	color:#FF7BA5;
    	padding:14px 10px 0 0;
    	width: 70px;
    	height: 23px;
    	text-align: center;
    	text-decoration:none;
    
    	}
    #navlist ul li a:hover,#navlist ul li.current_page_item a{
    	color:#EE3F6B;
    	width: 70px; height: 23px;
    	text-align: center;
    	}
    #navlist ul li .current_page_item a,#navlist ul li .current_page_item a:hover{
    	color:#ffffff;
    	width: 70px; height: 23px;
    	}
    
    #footer {
    	color:#af7b37;
    	font: 11px tahoma;
    	text-align:center;
    	height:60px;
    	float:left;
    	position:relative;
    	width:1004px;
    	margin:0px;
    	background:url(images/footer.gif) no-repeat bottom center;
    }
    .footerlinks
    {
    	color:#FCC9C9;
    	text-align:center;
    	margin-top:20px;
    	float:left;
    	width:1004px;
    	padding-top:10px;
    
    }
    .footerlinks  a
    {
    	color:#FBADAD;
    	text-decoration:underline;
    }
    
    /* General Header Styles */
    h2 {
    	margin-top:0;
    	font-size:16px;
    }
    h3 {
    	margin:0;
    	font-size:14px;
    }
    
    /* Post Related */
    h2 a:hover, h2 a:visited, h2 a {
    	text-decoration:none;
    }
    .post-container
    {
    	float:left;
    	width:742px;
    	margin:0px;
    }
    .post {
    	width:742px;
    	padding-top:0;
    	color:#D3A5A1;
    	float:none;
    	display:block;
    	margin-bottom:0px;
    	clear:both;
    	background:url(images/post-bg.gif) repeat-y left ;
    }
    .posttop {
    	width:742px;
    	height:165px;
    	color:#EEE0B2;
    	background:url(images/post-top.gif) no-repeat top;
    
    }
    
    .post p {
    	margin:0px;
    }
    
    .post a:hover {
    	color:#FD9B94;
    }
    
    .posttop h2 {
    	font: 24px 'times new roman';
    	text-align:left;
    	overflow:visible;
    	margin-bottom:0;
    	padding-top:60px;
    	padding-left:70px;
    	float:left;
    	font-style:italic;
    	color:#FDB5AE;
    }
    .posttop h2 a {
    	color:#FDB5AE;
    
    }
    
    .postinfo
    {
    height:25px;
    width:550px;
    padding-left:70px;
    float:left;
    color:#C7393A;
    text-align:left;
    margin-top:10px;
    font:11px verdana;
    }
    .postinfo a
    {
    text-decoration:none;
    color:#FBB5AB;
    text-align:left;
    }
    .postinfo a:hover
    {
    text-decoration:underline;
    color:#446E02;
    }
    .postbottom
    {
    	font-size:11px;
    	color:#FFAAB9;
    	text-align:left;
    	width:742px;
    	padding:0;
    	height:167px;
    	float:none;
    	display:block;
    	position:relative;
    	background:url(images/post-bottom.gif) no-repeat left top;
    }
    .postbottom a
    {
    text-decoration:none;
    color:#c80000;
    }
    .postbottom a:hover
    {
    text-decoration:underline;
    }
    .commentinf
    {
    	margin-top:0px;
    	text-align:left;
    	float:none;
    	height:20px;
    	padding-top:8px;
    	padding-right:20px;
    }
    .metainf{
    	float:left;
    	padding-left:110px;
    	margin-top:20px;
    	text-align:left;
    	height:20px;
    	padding-top:8px;
    }
    .post p {
    	margin:0px;
    }
    .navigation a {
    	color:#C80000;
    	text-decoration:none;
    }
    .navigation a:hover
    {
    	color:#FA968B;
    }
    
    .navigation {
    	text-align:left;
    	width:650px;
    	padding-left:40px;
    	float:left;
    	font-size:12px;
    }
    img.centered {
    	display: block;
    }
    img.alignright {
    	padding: 4px;
    	margin: 0 0 2px 7px;
    }
    img.alignleft {
    	padding: 4px;
    	margin: 0 7px 2px 0;
    	display: inline;
    }
    .alignright {
    	float: right;
    }
    .alignleft {
    	float: left
    }
    .navigation .alignright {
    	margin-bottom:10px;
    }
    .navigation .alignleft {
    	margin-bottom:10px;
    }	
    
    .pagetitle{
    	font: bold 28px 'times new roman';
    	text-align:left;
    	color:#FA968B;
    	padding:0;
    	margin:0;
    	padding-left:60px;
    	overflow:visible;
    
    }
    blockquote {
    	font-style:italic;
    	margin:5px;
    }
    a img {
    	border:0;
    }
    .entry {
    	font: 12px arial,verdana,sans-serif;
    	padding-right:20px;
    	padding-left:70px;
    	padding-bottom:10px;
    	margin-top:-60px;
    	width:620px;
    	text-align:justify;
    	clear:both;
    
    }
    .entrytext .postmetadata {
    	font: 12px arial,verdana,sans-serif;
    }
    .more-link {
    	font: 10px arial,verdana,sans-serif;
    }
    
    /* Sidebar Related */
    #sidebar {
    	width:226px;
    	margin-top:30px;
    	float:left;
    	background:url(images/menu-bg.gif) repeat-y left;
    }
    
    #sidebar ul {
    	margin: 0 ;
    	padding: 0;
    	width:226px;
    
    }
    #sidebar ul h2{
    	font:16px 'times new roman';
    	color:#CC6666;
    	text-align:left;
    	font-weight:bold;
    	padding:15px 0 0 35px;
    	height:32px;
    	margin:0;
    	width:226px;
    	border:none;
    	background:url(images/topbar.gif) no-repeat left top;
    }
    
    #sidebar ul li {
    	list-style-type: none;
    	list-style-image: none;
    	margin:0;
    	padding:0;
    }
    #sidebar ul li ul {
    	margin: 0 0 10px 0;
    	padding:0;
    }
    #sidebar ul ul li {
    	list-style-type: none;
    	margin-left:0px;
    	list-style-image: none;
    	color:#A5936C;
    	padding:5px 0 5px 20px;
    	margin-left:10px;
    	font:12px arial;
    	width:170px;
    	font-weight:bold;
    	background:url(images/arrow.gif) no-repeat left;
    
    }
    #sidebar ul ul ul li {
    	list-style-type: disc;
    	padding:0;
    	margin-left:5px;
    	color:#A5936C;
    }
    #sidebar p {
    	margin:0;
    	font: 10px arial,verdana,sans-serif;
    }
    #sidebar a {
    	color:#CC6666;
    	text-decoration:none;
    }
    #sidebar a:hover {
    	text-decoration:underline;
    	color:#CB102B;
    }
    
    #sideads {
    	width:170px;
    	margin-left:0px;
    	float:right;
    	margin-top:4px;
    	padding-right:10px;
    
    }
    .bottom_sidebar {
    	background:url(images/menu-bottom.gif) no-repeat left bottom;
    	margin: 0px;
    	padding: 0px;
    	clear:both;
    	height: 34px;
    	width: 226px;
    	display:block;
    	position:relative;
    	}
    /* User Comment Specific */
    #comment
    {
    border:1px solid #c80000;
    color:#c80000;
    background:#FFF3F0;
    height:205px;
    }
    #respond
    {
    	padding-left:10px;
    }
    #commentform
    {
    	padding:10px;
    
    }
    #commentform input
    {
    border:1px solid #c80000;
    color:#c80000;
    background:#FFF3F0;
    }
    
    ol.commentlist {
    	margin-left:25px;
    	padding:0;
    }
    
    ol.commentlist a {
    	color:#D6CDB0;
    }
    ol.commentlist p {
    	margin-top:3px;
    	margin-bottom:10px;
    }
    small.commentmetadata {
    	font: 10px arial,verdana,sans-serif;
    }
    small.commentmetadata a {
    	text-decoration:none;
    }
    #submit {
    	height: 25px;
    	background-color: #D6E5BD;
    	margin: 10px 10px 0 0;
    	color:#ffffff;
    	font-size: 1.2em;
    
    }
    
    /************************/
    /*     Search Design    */
    /************************/
    #searchform{
    display:none;
    }
    #s
    {
    	width:200px;
    	font:12px tahoma;
    	color:#D5C67E;
    }
    #menu_search_box{
    	font-family:Verdana, Arial, Helvetica, sans-serif;
    	color:#D5C67E;
    	font-size:11px;
    	padding:5px;
    	padding-top:0px;
    	margin-left:8px;
    	margin-bottom:0;
    	height:76px;
    	font-variant:small-caps;
    	background:url(images/searchrss.gif) no-repeat left top;
    }
    
    #menu_search_box input.s{
    	width:150px;
    	font-size:11px;
    	color:#A90709;
    	border:0px;
    	padding:5px;
    	padding-top:23px;
    	height:25px;
    	background:none;
    }
    
    #menu_search_box span{
    	position:relative;
    	top:-1px;
    	font-weight:bold;
    }
    /*-------------Other------------------*/
    hr {
    	display: none;
    }
    a
    {
    	color:#C80000;
    }
    #wp-calendar
    {
    width:200px;
    color:#C80000;
    margin-left:10px;
    text-align:center;
    }
    #calendar
    {
    
    }
    td
    {
    color:#FBADAD;
    }
    #rss{
    width:180px;
    text-align:left;
    padding-left:20px;
    }
    #about_abs{
    float:left;
    clear:both;
    width:350px;
    font:12px arial;
    margin-top:-180px;
    padding-left:300px;
    color:#FFEB0C;
    height:100px;
    position:relative;
    }

    Speak to me as if I’m ten; it’s been years since I’ve messed with any of this kind of thing.

    I gave you the hole code for this. Just put it in your CSS and it will work!

    where to put the code?
    I’ve tried to change existing code with this one, add those lines and how knows what, but didn’t result centering the theme.
    Theme is Girly Diaries.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Center Align blog?’ is closed to new replies.