• Hello,

    Im trying to center my website titletext in my header. I cant find where to put the ‘text-align: center’ tag.

    This is the style.css sheet i see. I think its somewhere here, right? Just in case i will place the header.php content also. Sorry for the long list.

    Thank you so much!

    “/*
    Theme Name: Panels
    Author: Sarah Kettle
    Author URI: https://www.kettlethemes.co.uk
    Theme URI: https://www.kettlethemes.co.uk/panels
    Description: Panels is a free WordPress theme with custom header, custom background, custom menus and widgets features – clean, fast loading and displays a featured image for each post (200px by 200px) to give a beautifully simple and consistent feel to your website. Highly customisable, supports widgets and three custom menus, backgrounds and header images – so your website’s content stands out.
    Version: 1.01
    Tags: white, light, fixed-width, featured-images, custom-background, custom-header, custom-menu, photoblogging, microformats
    License: GNU General Public License v2.0
    License URI: https://www.gnu.org/licenses/gpl-2.0.html
    */

    * {
    margin:0;
    padding:0;
    }
    body {
    font:12px/18px Arial, Tahoma, Verdana, sans-serif;
    width:100%;
    }
    a {
    color:blue;
    outline:none;
    text-decoration:underline;
    }
    a:hover {
    text-decoration:none;
    }
    p {
    margin:0 0 18px;
    }
    img {
    border:none;
    }
    input {
    vertical-align:middle;
    }

    #page {
    width:860px;
    margin:0 auto;
    }

    #header {
    width:860px;
    font-family:arial;
    padding:0px;
    margin:0px;
    }

    #headerimage {
    width:770px;
    height:180px;
    padding:45px 45px 0px 45px;
    background:url(img/header_top.png) top center no-repeat;
    overflow:hidden;
    }

    #headerfooter {
    width:770px;
    padding:10px 45px 40px 45px;
    background:url(img/header_base.png) bottom center no-repeat;
    overflow:hidden;
    }
    #headerfooter h1 {
    color:#000000;
    font-size:14px;
    font-weight:bold;
    padding:0px;
    letter-spacing:1px;
    text-align: center;
    }
    #headerfooter h1 a {
    color:#000000;
    text-decoration:none;
    }
    #headerfooter h1 a:hover {
    color:#990000;
    text-decoration:none;
    }

    #headermenu ul {
    margin:0px;
    padding:0px;
    list-style-type:none;
    white-space:nowrap;
    height:29px;
    }
    #headermenu ul li {
    float:left;
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    color:#000000;
    margin:0;
    padding:9px 0px 9px 0px;
    background:inherit;
    border:0px;
    }
    #headermenu ul li a, #menu ul li a:link {
    margin:0;
    padding:9px 15px 9px 15px;
    color:#000000;
    border:0px;
    text-decoration:none;
    }
    #headermenu ul li a:hover {
    color:#990000;
    }

    .postcontent {
    width:770px;
    height:215px;
    padding:30px 45px 45px 45px;
    background:url(img/post_excerpt.png) top left repeat-y;
    overflow:hidden;
    float:left;
    clear:both;
    }
    .postimage {
    width:200px;
    height:200px;
    padding:0px;
    margin:15px 20px 0px 0px;
    display:block;
    overflow:hidden;
    clear:both;
    float:left;
    }
    div.postimage img {
    border:0px;
    }
    div.postimage img:hover {
    border:0px;
    opacity:0.7;
    filter:alpha(opacity=70);
    }
    .posttextcontent {
    width:503px;
    height:157px;
    padding:0px;
    margin:15px 10px 5px 0px;
    display:block;
    overflow:hidden;
    float:left;
    }
    .posttextcontent h3 {
    padding:0px 0px 0px 0px;
    float:left;
    clear:both;
    font-family:arial;
    font-size:14px;
    color:#000000;
    text-decoration:none;
    letter-spacing:1px;
    margin:0px 0px 5px 0px;
    }
    .posttextcontent h3 a {
    color:#000000;
    text-decoration:none;
    }
    .posttextcontent h3 a:hover {
    color:#990000;
    text-decoration:none;
    }
    .posttextcontent p {
    padding:0px 0px 0px 0px;
    float:left;
    clear:both;
    font-family:arial;
    font-size:13px;
    color:#666666;
    font-weight:normal;
    margin:0px 0px 0px 0px;
    line-height:1.6em;
    }
    .postdate {
    width:37px;
    height:177px;
    padding:0px;
    display:block;
    overflow:hidden;
    float:right;
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    color:#FFFFFF;
    text-shadow:#000000 0px 0px 3px;
    line-height:1.2em;
    }
    .postday {
    clear:both;
    text-align:center;
    width:100%;
    }
    .postmonth {
    clear:both;
    text-align:center;
    width:100%;
    }
    .postyear {
    clear:both;
    text-align:center;
    width:100%;
    }
    .postnavigation {
    width:550px;
    height:23px;
    padding:0px;
    margin:15px 0px 0px 0px;
    display:block;
    overflow:hidden;
    float:left;
    font-family:arial;
    font-size:13px;
    color:#000000;
    font-weight:bold;
    }
    .postnavigation a {
    color:#000000;
    text-decoration:none;
    }
    .postnavigation a:hover {
    color:#990000;
    text-decoration:none;
    }
    .postreadmore {
    width:275px;
    height:23px;
    padding:0px;
    margin:0px 0px 0px 0px;
    display:block;
    overflow:hidden;
    float:left;
    }
    .postcomments {
    width:265px;
    height:23px;
    padding:0px;
    margin:0px 10px 0px 0px;
    display:block;
    overflow:hidden;
    float:right;
    text-align:right;
    }

    .contentheader {
    width:860px;
    height:45px;
    background:url(img/content_header.png) top center no-repeat;
    display:block;
    margin:0px;
    padding:0px;
    float:left;
    clear:both;
    }
    .contentfooter {
    width:860px;
    height:45px;
    background:url(img/content_footer.png) top center no-repeat;
    display:block;
    margin:0px;
    padding:0px;
    float:left;
    clear:both;
    }
    .contentcontainer {
    background:url(img/content_bg.png) top center repeat-y;
    display:block;
    margin:0px;
    padding:0px 45px 0px 45px;
    float:left;
    clear:both;
    width:770px;
    }

    #pagecontent {
    overflow-x:hidden;
    width:770px;
    padding:0px;
    font-size:13px;
    font-family:arial;
    color:#666666;
    }

    #pagecontent h1 {
    margin:0px 0px 5px 0px;
    padding:0px;
    font-family:Arial;
    font-size:14px;
    font-weight:bold;
    letter-spacing:2px;
    clear:both;
    color:#000000;
    }
    #pagecontent h1 a {
    text-decoration:none;
    }
    #pagecontent h1 a:hover {
    text-decoration:none;
    color:#333333;
    }
    #pagecontent h2 {
    margin:0px 0px 5px 0px;
    padding:0px;
    font-family:Arial;
    font-size:13px;
    font-weight:bold;
    letter-spacing:1px;
    clear:both;
    color:#000000;
    }
    #pagecontent h3 {
    margin:0px 0px 5px 0px;
    padding:0px;
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    letter-spacing:1px;
    clear:both;
    color:#000000;
    }
    #pagecontent h4 {
    margin:0px 0px 5px 0px;
    padding:0px;
    font-family:Arial;
    font-size:11px;
    font-weight:bold;
    letter-spacing:2px;
    clear:both;
    color:#000000;
    }
    #pagecontent h5 {
    margin:0px 0px 5px 0px;
    padding:0px;
    font-family:Arial;
    font-size:10px;
    font-weight:bold;
    letter-spacing:1px;
    clear:both;
    color:#000000;
    }
    #pagecontent h6 {
    margin:0px 0px 5px 0px;
    padding:0px;
    font-family:Arial;
    font-size:9px;
    font-weight:bold;
    letter-spacing:1px;
    clear:both;
    color:#000000;
    }
    #pagecontent p {
    font-size:13px;
    font-family:arial;
    line-height:1.7em;
    margin:0px 0px 20px 0px;
    color:#666666;
    }
    #pagecontent p a:hover {
    text-decoration:none;
    }
    #pagecontent a {
    color:#000000;
    }
    #pagecontent a:hover {
    text-decoration:none;
    color:#990000;
    }
    #pagecontent ul {
    padding:0px 0px 0px 20px;
    }
    #pagecontent ol {
    padding:0px 0px 0px 20px;
    }

    #footerleft {
    width:430px;
    float:left;
    overflow-x:hidden;
    }
    #footerright {
    width:430px;
    float:left;
    display:inline;
    overflow-x:hidden;
    }

    .widgetheader {
    width:430px;
    height:45px;
    background:url(img/widget_header.png) top center no-repeat;
    display:block;
    margin:0px;
    padding:0px;
    float:left;
    clear:both;
    }
    .widgetfooter {
    width:430px;
    height:45px;
    background:url(img/widget_footer.png) top center no-repeat;
    display:block;
    margin:0px;
    padding:0px;
    float:left;
    clear:both;
    }
    .widgetcontainer {
    background:url(img/widget_bg.png) top center repeat-y;
    display:block;
    margin:0px;
    padding:0px 45px 0px 45px;
    float:left;
    clear:both;
    width:340px;
    overflow-x:hidden;
    max-width:340px;
    }

    .textwidget {
    width:340px;
    overflow-x:hidden;
    max-width:340px;
    }

    #footer {
    width:860px;
    font-family:arial;
    }
    #footer h2 {
    font-family:arial;
    font-size:14px;
    font-weight:bold;
    color:#000000;
    }
    #footer a {
    font-family:arial;
    color:#000000;
    text-decoration:none;
    }
    #footer a:hover {
    font-family:arial;
    color:#990000;
    text-decoration:none;
    }

    #footer ul {
    padding:0px 0px 0px 0px;
    margin:5px auto 5px auto;
    list-style:none;
    width:410px;
    list-style:none;
    clear:left;
    }
    #footer ul li {
    margin:0px 0px 0px 0px;
    display:block;
    }
    #footer ul li a {
    display:block;
    padding:6px 5px 6px 10px;
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    color:#000000;
    margin:0px 0px 0px 0px;
    vertical-align:bottom;
    text-decoration:none;
    }
    #footer ul li a:hover {
    text-decoration:none;
    color:#990000;
    }
    #footer ul li ul {
    padding:0px 0px 0px 0px;
    margin:0px auto 5px auto;
    list-style:none;
    list-style:none;
    clear:left;
    }
    #footer ul li ul li {
    margin:0px 0px 0px 0px;
    display:block;
    }
    #footer ul li ul li a {
    display:block;
    padding:6px 5px 6px 30px;
    margin:0px;
    vertical-align:bottom;
    text-decoration:none;
    }
    #footer ul li ul li a:hover {
    text-decoration:none;
    }
    #footer ul li ul li ul {
    padding:0px 0px 0px 0px;
    margin:0px auto 5px auto;
    list-style:none;
    list-style:none;
    clear:left;
    }
    #footer ul li ul li ul li {
    margin:0px 0px 0px 0px;
    display:block;
    }
    #footer ul li ul li ul li a {
    display:block;
    padding:6px 5px 6px 60px;
    margin:0px;
    vertical-align:bottom;
    text-decoration:none;
    }
    #footer ul li ul li ul li a:hover {
    text-decoration:none;
    }
    #footer ul li ul li ul li ul {
    padding:0px 0px 0px 0px;
    margin:0px auto 5px auto;
    list-style:none;
    list-style:none;
    clear:left;
    }
    #footer ul li ul li ul li ul li {
    margin:0px 0px 0px 0px;
    display:block;
    }
    #footer ul li ul li ul li ul li a {
    display:block;
    padding:6px 5px 6px 90px;
    margin:0px;
    vertical-align:bottom;
    text-decoration:none;
    }
    #footer ul li ul li ul li ul li a:hover {
    text-decoration:none;
    }

    #footertext {
    margin:0px auto 20px auto;
    clear:both;
    text-align:center;
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    color:#FFFFFF;
    text-shadow:#000000 0px 0px 3px;
    }
    #footertext a {
    color:#FFFFFF;
    text-decoration:none;
    }
    #footertext a:hover {
    color:#FFFF66;
    text-decoration:none;
    }

    #tagline {
    margin:0px auto 0px auto;
    text-align:center;
    font-style:italic;
    color:#FFFFFF;
    text-shadow:#000000 0px 0px 3px;
    }

    .postfooter {
    clear:both;
    padding:0px 0px 0px 0px;
    }

    #postnavigation {
    width:100%;
    margin:0px auto 0px auto;
    padding:0px 0px 0px 0px;
    clear:both;
    display:block;
    font-weight:bold;
    }
    #previousposts {
    width:50%;
    display:block;
    float:right;
    clear:right;
    text-align:right;
    }
    #previousposts a {
    font-family:arial;
    font-size:12px;
    color:#000000;
    text-decoration:none;
    display:block;
    float:right;
    clear:right;
    text-align:right;
    overflow-x:hidden;
    }
    #previousposts a:hover {
    color:#990000;
    text-decoration:none;
    }
    #nextposts {
    width:50%;
    display:block;
    float:left;
    clear:left;
    text-align:left;
    }
    #nextposts a {
    font-family:arial;
    font-size:12px;
    color:#000000;
    text-decoration:none;
    display:block;
    float:left;
    clear:left;
    text-align:left;
    overflow-x:hidden;
    }
    #nextposts a:hover {
    color:#990000;
    text-decoration:none;
    }

    #calendar_wrap {
    width:230px;
    overflow:hidden;
    clear:both;
    margin:20px auto 20px auto;
    text-align:center;
    }

    #wp-calendar {
    font-family:”arial”;
    font-size:12px;
    text-decoration:none;
    color:#000000;
    clear:both;
    width:210px;
    margin:6px auto 6px auto;
    padding:0px 10px 0px 10px;
    text-align:center;
    }
    #wp-calendar a {
    text-decoration:none;
    color:#000000;
    }
    #wp-calendar a:hover {
    text-decoration:none;
    color:#990000;
    }

    blockquote {
    margin:20px;
    padding:8px 8px 8px 15px;
    }
    blockquote p {
    background-color:inherit;
    color:#000000;
    font-size:0.9em;
    line-height:1.3em;
    }
    label {
    background-color:inherit;
    color:#000000;
    font-size:0.9em;
    font-weight:bold;
    }
    table#wp-calendar {
    margin:0 0 20px;
    width:140px;
    }
    code {
    font-size:1.2em;
    display:inline;
    padding:5px 5px 5px 8px;
    margin:5px 0 15px 0;
    }

    img.centered {
    clear:both;
    margin-left:auto;
    margin-right:auto;
    }
    img.alignright {
    padding:4px;
    margin:0px 0px 10px 10px;
    display:inline;
    }
    img.alignleft {
    padding:4px;
    margin:0px 10px 10px 0px;
    display:inline;
    }
    .aligncenter {
    clear:both;
    display:block;
    margin-left:auto;
    margin-right:auto;
    }
    .alignright {
    float:right;
    display:inline;
    }
    .alignleft {
    float:left;
    display:inline;
    }
    .alignnone {
    display:block;
    clear:both;
    }

    .left {
    border:1px solid #cccccc;
    float:left;
    margin:10px 15px 10px 0;
    }
    .right {
    border:1px solid #cccccc;
    float:right;
    margin:10px 0 5px 10px;
    }
    .center {
    border:1px solid #aaaaaa;
    margin:5px auto 12px;
    text-align:center;
    }
    .textright {
    text-align:right;
    }
    .small {
    font-size:0.8em;
    }
    .bold {
    font-weight:bold;
    }
    .hide {
    display:none;
    }
    .post {
    margin:0px;
    }
    .wp-caption-text {
    color:#000000;
    }
    .sticky {
    color:#000000;
    }
    .gallery-caption {
    color:#000000;
    }

    #comments {
    clear:both;
    }
    #comments .navigation {
    padding:0 0 18px 0;
    }
    h3#comments-title,
    h3#reply-title {
    color:#000000;
    margin-bottom:0;
    }
    h3#comments-title {
    padding:24px 0;
    }
    .commentlist {
    list-style:none;
    margin:0;
    }
    .commentlist li.comment {
    border-bottom:1px solid #e7e7e7;
    line-height:24px;
    margin:0 0 24px 0;
    padding:0 0 0 56px;
    position:relative;
    }
    .commentlist li:last-child {
    border-bottom:none;
    margin-bottom:0;
    }
    #comments .comment-body ul,
    #comments .comment-body ol {
    margin-bottom:18px;
    }
    #comments .comment-body p:last-child {
    margin-bottom:6px;
    }
    #comments .comment-body blockquote p:last-child {
    margin-bottom:24px;
    }
    .commentlist ol {
    list-style:decimal;
    }
    .commentlist .avatar {
    position:absolute;
    top:4px;
    left:0;
    }
    .comment-author {
    }
    .comment-author cite {
    color:#000000;
    font-style:normal;
    font-weight:bold;
    }
    .comment-author .says {
    font-style:italic;
    }
    .comment-meta {
    font-size:12px;
    margin:0 0 18px 0;
    }
    .comment-meta a:link,
    .comment-meta a:visited {
    color:#000000;
    text-decoration:none;
    }
    .comment-meta a:active,
    .comment-meta a:hover {
    color:#990000;
    }
    .commentlist .even {
    }
    .commentlist .bypostauthor {
    }
    .reply {
    font-size:12px;
    padding:0 0 24px 0;
    }
    .reply a,
    a.comment-edit-link {
    color:#000000;
    }
    .reply a:hover,
    a.comment-edit-link:hover {
    color:#990000;
    }
    .commentlist .children {
    list-style:none;
    margin:0;
    }
    .commentlist .children li {
    border:none;
    margin:0;
    }
    .nopassword,
    .nocomments {
    display:none;
    }
    #comments .pingback {
    border-bottom:1px solid #e7e7e7;
    margin-bottom:18px;
    padding-bottom:18px;
    }
    .commentlist li.comment+li.pingback {
    margin-top:-6px;
    }
    #comments .pingback p {
    color:#000000;
    display:block;
    font-size:12px;
    line-height:18px;
    margin:0;
    }
    #comments .pingback .url {
    font-size:13px;
    font-style:italic;
    }

    input[type=submit] {
    color:#000000;
    }
    #respond {
    border-top:1px solid #e7e7e7;
    margin:24px 0;
    overflow:hidden;
    position:relative;
    }
    #respond p {
    margin:0;
    }
    #respond .comment-notes {
    margin-bottom:1em;
    }
    .form-allowed-tags {
    line-height:1em;
    }
    .children #respond {
    margin:0 48px 0 0;
    }
    h3#reply-title {
    margin:18px 0;
    }
    #comments-list
    #respond {
    margin:0 0 18px 0;
    }
    #comments-list ul #respond {
    margin:0;
    }
    #cancel-comment-reply-link {
    font-size:12px;
    font-weight:normal;
    line-height:18px;
    }
    #respond .required {
    color:#000000;
    font-weight:bold;
    }
    #respond label {
    color:#000000;
    font-size:12px;
    }
    #respond input {
    margin:0 0 9px;
    width:98%;
    }
    #respond textarea {
    width:98%;
    }
    #respond .form-allowed-tags {
    color:#000000;
    font-size:12px;
    line-height:18px;
    }
    #respond .form-allowed-tags code {
    font-size:11px;
    }
    #respond .form-submit {
    margin:12px 0;
    }
    #respond .form-submit input {
    font-size:14px;
    width:auto;
    }

    .wp-caption {
    text-align:center;
    padding-top:4px;
    }

    .wp-caption-dd {
    font-size:11px;
    line-height:17px;
    padding:0 4px 5px;
    margin:0;
    }

    .wp-caption img {
    display:block;
    margin:0 auto;
    max-width:98%;
    }”

    Header.php content:

    “<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”&gt;
    <html <?php language_attributes(‘xhtml’); ?> xmlns=”https://www.w3.org/1999/xhtml”&gt;
    <head>

    <meta http-equiv=”content-type” content=”<?php bloginfo(‘html_type’)?>;charset=<?php bloginfo(‘charset’); ?>”/>

    <title><?php wp_title( ‘|’, true, ‘left’ ); ?></title>

    <link rel=”profile” href=” https://gmpg.org/xfn/11&#8243; />

    <?php wp_head()?>
    </head>
    <body <?php body_class()?>>

    <div id=”page”>

    <div id=”header”>
    <div id=”headerimage” style=”width:<?php echo HEADER_IMAGE_WIDTH ?>px; height:<?php echo HEADER_IMAGE_HEIGHT; ?>px;”>” title=”<?php bloginfo(‘name’)?>”><img src=”<?php header_image(); ?>” width=”<?php echo HEADER_IMAGE_WIDTH; ?>” height=”<?php echo HEADER_IMAGE_HEIGHT; ?>” alt=”<?php bloginfo(‘name’)?>”/></div>
    <div id=”headerfooter”><h1>” title=”<?php bloginfo(‘name’)?>”><?php bloginfo(‘name’)?></h1></div>
    </div>

    <div class=”contentheader”></div><div class=”contentcontainer”><div id=”headermenu”>
    <?php wp_nav_menu( array( ‘theme_location’ => ‘header-menu’, ‘depth’ => ‘1’,’items_wrap’ => ‘<ul id=”%1$s” class=”%2$s”>%3$s’) ); ?>
    </div></div><div class=”contentfooter”></div>”

Viewing 6 replies - 1 through 6 (of 6 total)
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to center website title text(header) in Panel theme?’ is closed to new replies.