Jump to content


Photo

I want to align logo to the center (wordpress)

wordpress php

  • Please log in to reply
1 reply to this topic

#1 jordanfan20

jordanfan20

    Newbie

  • New Members
  • Pip
  • 1 posts

Posted 19 March 2014 - 08:54 PM

 I'm basically trying to move the logo on my site to the center instead of having it on the left. I've tried a bunch of things but have had no success. The site is a wordpress with a WPhufingtonpost installed. Thanks for your help in advanced. 

 

 

http://queencitypets.com

 

 

Here is the code for the title in the header:

 

 <ul id="title-logo">
                    <li>
                        <h1>
                            <?php
                            global $options;
                            foreach ($options as $value) {
                                if (get_settings($value['id']) === FALSE) {
                                    $$value['id'] = $value['std'];
                                } else {
                                    $$value['id'] = get_settings($value['id']);
                                }
                            }
                            if (empty($wpc_logo_url)) {
                                $wpc_logo_url = get_bloginfo('template_url') . '/images/logo.png';
                            }
                            ?>
                            <a href="<?php bloginfo('url'); ?>" title="Home"><img src="<?php echo $wpc_logo_url; ?>" width="300" align="middle" alt="" /></a>
                        </h1>
                    </li>
                </ul>

Here is the code in the style-sheet:

/*
Theme Name: Apptha Post
Theme URI: http://www.apptha.com/
Description: Apptha post template is designed to create a fresh, clean and flexible WordPress powered news portal. The theme is equipped with independent widgets for featured post, recent post, facebook, advertisement space etc enriching the news portal to be more functional and lively.
Author: Apptha Themes
Author URI: http://www.apptha.com
Version: 2.0
Tags: one-columns, right-sidebar, white, news, news-bank, online-news, news-paper, news-feed, post, news-banner, news-post, custom-menu, fixed-width, flexible-width, custom-background, custom-colors, full-width-template, editor-style


*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
background: transparent;
border: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
        font-style: normal;
}
body {
line-height: 20px;
        font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
        font-size: 13px;
        color:#333;
        table-layout: fixed;
        word-wrap:break-word;        
        background: #e8e8e8;
/*        font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;*/
}
body{word-break:break-word;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color:#000 !important;}
h1, h2, h3, h4, h5, h6 {
clear: both;
font-weight: normal;
        margin: 1% 0;
        line-height: 25px;
        color:#000;
}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
#content .post:last-child{border: none;}










ol, ul {
list-style: none;
}
blockquote, blockquote p {
quotes: none;
        font-style: italic;
        padding: 1% 2%;
}
blockquote:before, blockquote:after {
content: '';
content: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
a img {
border: none;
}


/* =Layout -------------------------------------------------------------- */




#access .menu-header,
div.menu,
#colophon,
#branding,
#main {
margin: 0 auto;
}
#wrapper {
background: #fff;
padding: 0 1.5%;
        width: 940px;
        margin: 0 auto;
        word-wrap: break-word;
/*        -moz-box-shadow: 0px 1px 7px #999;
        -webkit-box-shadow: 0px 1px 7px #999;
        box-shadow: 0px 1px 7px #999;*/
        box-shadow: 0 0 8px rgba(0,0,0,.2);
        -webkit-box-shadow: 0 0 8px rgba(0,0,0,.2);
        -moz-box-shadow: 0 0 8px rgba(0,0,0,.2);
}


#app-header{width: 980px;
            margin: 0.5% auto 0;
            font-size: 12px;
            }
#header-nav ul li{display: inline;}
#header-nav{padding: 0 1.5%;
        width: 75%;
        float: left;
        margin-bottom: 0.5%;
        }
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
    display: inline-block;
}
.clear{clear:both;}
/* =Header   -------------------------------------------------------------- */
#header {
margin: 1% 0 0 0;
        float: left;
        width: 100%;
}
#header-menu .page_item a{padding: 0 1%;}
#header-menu li{margin: 0 4% 0 0;}
#header-menu a{color:#000; font-weight: bold;}
#header-calendar img{vertical-align: middle; margin-right: 5%; cursor: pointer;}
#header-calendar{width: 8%;
                 float: right;
                 font-weight: bold;
                 text-align: right;
                 padding-right: 3%;
                 background: url(images/app-calendar.png) no-repeat 100% 0%;
                 margin: 0 2% 0 7%;
                 border-left:1px solid #000;
                 cursor: pointer;
}
#app-header-calendar{z-index: 999}
#app-header-calendar a{/*color: #0099FF;*/ font-weight: bold; z-index: 999; position: relative;}
#header-calendar:hover div#app-header-calendar{
                                                  position: absolute;
                                                  width: 17%;
                                                  margin-right: 10%;
                                                  right: 3.7%;
                                                  cursor: default;
                                                }
#wp-calendar #prev{text-align: left;}
#wp-calendar #next{text-align: right;}


#app-header-calendar #wp-calendar tfoot{padding: 0 0 3% 0;}
#app-header-calendar #wp-calendar, #app-header-calendar #wp-calendar tbody tr{font-weight: normal; color:#000; }
#app-header-calendar #wp-calendar,
#app-header-calendar #wp-calendar caption {
                                     background: #fff;
                                     /*border: #0099FF solid 1px;*/
                                     width: 99.8%;
                                     font-weight: bold;
                                     text-align: center;
                                     padding: 1% 0;
                                     -webkit-border-radius: 5px 5px 0 0;
                                     -moz-border-radius: 5px 5px 0 0;
                                     border-radius: 5px 5px 0 0;
                                    }
#app-header-calendar #wp-calendar caption{color: #fff}
#header #title-logo{width: 50%;
                    float: center;
   margin-top:10%;
        }
#header #title-logo a{font-family: Georgia, Arial;
                      font-size: 30px;
                      /*color:#0099FF;*/
                      text-shadow: #666666 0.09em 0.09em 0.09em;
     text-align:center;
                     }
#header #header-search{width: 50%;
                       float: left;
                       text-align: center;


                        }
#header #header-search #mainsearchform{
/*margin-top:5%;*/
}
#header #header-search li{margin-top: 4%;}
#header #header-search input[type="text"]{
                                         /* border: #0099FF 1px solid;*/
                                          width: 65%;
                                          -webkit-border-radius: 3px;
                                          -moz-border-radius: 3px;
                                          border-radius: 3px;
                                          padding: 1% 6% 1% 1%;
                                          background: #f2f2f2;
                                           }
#header #header-search .submit{background: url("images/search.png") no-repeat center;
                               border: medium none;
                               /*border-left: 1px solid #0099FF;*/
                                margin:  0 0 0 -7%;
                                width: 6%;
                                cursor: pointer;
                                padding: 0 0 0 1%;
                                height:17px;
                                position:relative;
                                *margin-top:8px;
                                


                        }
@media \0screen {
  #header #header-search .submit{top:4px;position:relative;}
}
#app-today-date{font: 12px/16px Georgia, Arial, "Helvetica Neue", Helvetica, sans-serif;
                   color:#747474;
                    }


#header #header-social-icon{width: 25%;
                       float: right;
                       text-align: center;
                       padding-top: 1%;
                       font-weight: bold;
                    }
#header #header-social-icon li{margin: 2% 0;}
#header #header-social-icon li a{margin: 0 2%;}


#site-title {
float: left;
width: 700px;
}
#site-title a {
text-decoration: none;
}
#site-description {
}


/* This is the custom header image */
#branding img {
display: block;
float: left;
}
.app-header-category a:hover{text-decoration: none}
.app-header-category{width: 100%;
                     float: left;
                     font: 14px "Helvetica Neue", Helvetica, sans-serif;
                     -moz-box-shadow: 0px 2px 5px #999;
                     -webkit-box-shadow: 0px 2px 5px #999;
                     box-shadow: 0px 2px 5px #999;
                     /*background: -moz-linear-gradient(top, #0099FF, #008AFF);
                     background: -webkit-gradient(linear, left top, left bottom, from(#0099FF), to(#008AFF));
                     background: -moz-linear-gradient(top, #0099FF, #008AFF);
                     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0099FF', endColorstr='#008AFF');*/
                     margin: 1.5% 0;
                     height: 36px;
                     text-transform: uppercase;
                    }
.app-header-category .current-cat .children li a{color: #fff !important}
.app-header-category .current-cat .children li a:hover{color: #000 !important}
.children .current-cat{background: none;}
.app-header-category li{display: inline;
                        /*border-right: 1px solid #4DB8FF;*/
                        }
.app-header-category li ul li{border: none;
                        }
.app-header-category a{color: #fff;
                       font-weight: bold;
                        }
/*.app-header-category li ul {;}*/
#MoreDiv1 li{border: none; float: right; padding-right: 1%;}
#MoreDiv1 li ul li{float: left;}


#header-nav{}
#header-nav ul li{}
#header-nav, .app-header-category{
    z-index: -2;
}
#header-nav a:hover, .app-header-category a:hover{}
li.current_page_item a{z-index: 10;}
ul.children{z-index:9;}
#header-nav li:first-child {
}
li.current_page_item{}
#header-nav li:hover {


}
#header-nav li:active{color: #000000;}
#header-nav ul li a {
    border-right: 0 none;
    display: block;
    text-decoration: none;


}
#header-nav ul li a:hover{
}
#header-nav ul li ul li a, .app-header-category ul li ul li a{
    border-right: 0 none;
    display: block;
    height: 21px;
/*    line-height: 29px;
    padding: 4px 10px 12px 5px;*/
/*    width: 135px;*/
    margin-top: -3px;
}
#header-nav ul, .app-header-category ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
/*    display: table;*/
}
#header-nav ul li, .app-header-categoryul li {
    position: relative;
    width: auto;
    display: table-cell;
}
#header-nav ul.menunav li ul {
}
.app-header-category ul li ul{border-radius:0 0 5px 5px;
                              padding:1% 1% 0.5% 0.5%;
}
#app-header #header-nav #header-menu ul{border-radius:5px 5px;}


#header-nav ul li ul li, .app-header-category ul li ul li {
    float: none;
    position: relative;
    display: block;
    padding: 3% 5%;
}
#header-nav table {
    border-collapse: collapse;
    left: 0;
    position: absolute;
    top: 0;
}
#header-nav ul ul{
    position: absolute;
    visibility: hidden;
    /*background: #09f;*/
}
.app-header-category ul ul{
    position: absolute;
    visibility: hidden;
    /*background: #09f;*/
}
#header-nav ul *:hover ul, .app-header-category ul *:hover ul {
    visibility: visible;
}
#header-nav ul *:hover ul ul, .app-header-category ul *:hover ul ul {
    visibility: hidden;
}
#header-nav ul *:hover ul *:hover ul, .app-header-category ul *:hover ul *:hover ul {
    visibility: visible;
}
#header-nav ul *:hover ul *:hover ul ul, .app-header-category ul *:hover ul *:hover ul ul {
    visibility: hidden;
}
#header-nav ul ul ul, .app-header-category ul ul ul {
    left: 145px;
    top: 0;
}
#header-nav ul li, .app-header-category ul li {
    float: left;
}
#header-nav .sub_left, .app-header-category .sub_left {
    left: -150px;
}
#header-nav ul *:hover ul *:hover ul *:hover ul, .app-header-category ul *:hover ul *:hover ul *:hover ul {
    visibility: visible;
}
#header-nav ul *:hover ul *:hover ul *:hover ul ul, .app-header-category ul *:hover ul *:hover ul *:hover ul ul {
    visibility: hidden;
}
#header-nav ul *:hover ul *:hover ul *:hover ul *:hover ul, .app-header-category ul *:hover ul *:hover ul *:hover ul *:hover ul {
    visibility: visible;
}
#header-nav ul *:hover ul *:hover ul *:hover ul *:hover ul ul, .app-header-category ul *:hover ul *:hover ul *:hover ul *:hover ul ul {
    visibility: hidden;
}
#header-nav ul li:hover {
}
#header-nav ul li ul li:hover {
}
#header-nav ul *:hover ul, .app-header-category ul *:hover ul {
    visibility: visible;
}
#header-nav ul li ul { ;}
#header-nav ul li ul li a{}
#header-nav ul li ul li a:hover {
}






/* HEADER END --------------------------------------------************************/
#container {
float: left;
        width: 100%;
/* margin: 0 -24% 0 0;*/
/* width: 66%;*/
}
#container a:hover{color: #000;  text-decoration: underline;}
#content {
/* margin: 0 280px 0 0px;*/
}
#primary, #secondary {
overflow: hidden;
}
#secondary {
clear: right;
}
#footer {
clear: both;
width: 100%;
        border-top: 1px solid #dfdfdf;
        padding: 2% 0 0 0;
}
#footer #footer-ad{text-align: center;}
.one-column #content {
margin: 0 auto;
width: 640px;
}
.single-attachment #content {
margin: 0 auto;
width: 900px;
}


/* Structure the footer area */
#footer-widget-area {
overflow: hidden;
}
#footer-widget-area .widget-area {
float: left;
margin-right: 20px;
width: 220px;
}
#footer-widget-area #fourth {
margin-right: 0;
}
#site-info {
float: left;
width: 700px;
}
#site-generator {
float: right;
width: 220px;
}






hr {
border: 0;
clear: both;
}
/* Text elements */
strong {
font-weight: bold;
}
abbr,
acronym {
cursor: help;
}
sup,
sub {
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
input[type="text"], textarea {
}




/* =Menu -------------------------------------------------------------- */


#access {
display: block;
float: left;
margin: 0 auto;
width: 940px;
}
#access .menu-header,
div.menu {
margin-left: 12px;
width: 928px;
}
#access .menu-header ul,
div.menu ul {
list-style: none;
margin: 0;
}
#access .menu-header li,
div.menu li {
float: left;
position: relative;
}
#access a {
display: block;
padding: 0 10px;
text-decoration: none;
}
#access ul ul {
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
display: none;
position: absolute;
top: 38px;
left: 0;
float: left;
width: 180px;
z-index: 99999;
}
#access ul ul li {
min-width: 180px;
}
#access ul ul ul {
left: 100%;
top: 0;
}
#access ul ul a {
padding: 10px;
width: 160px;
height: auto;
}
#access ul li:hover > ul {
display: block;
}
#main {
clear: both;
overflow: hidden;
}
#content table {
margin: 0 -1px 24px 0;
text-align: left;
width: 100%;
}
#content tr th,
#content thead th {
line-height: 18px;
padding: 9px 24px;
}
#content tr td {
padding: 6px 24px;
}
.hentry {
margin: 0 0 48px 0;
}
.home .sticky {
;
margin-right: -20px;
padding: 18px 20px;
}
.entry-content blockquote.right {
float: right;
margin-left: 24px;
margin-right: 0;
text-align: left;
width: 33%;
}
.entry-content img{float: right;}
.entry p{margin: 0% 0 2% 0;}


/* =Images
-------------------------------------------------------------- */


img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
max-width: 100%; /* When images are too wide for containing element, force them to fit. */
height: auto; /* Override height to match resized width for correct aspect ratio. */
}
/* =Navigation
-------------------------------------------------------------- */


.navigation {
overflow: hidden;
}
.app-post-navigation{width: 100%;margin: 1% 0; float: left;


                            }
.app-post-navigation a{color: #000;}
.app-post-navigation .alignleft{float: left;}
.app-post-navigation .alignright{float: right;}
.nav-previous {
float: left;
width: 50%;
}
.nav-next {
float: right;
text-align: right;
width: 50%;
}
#nav-above {
margin: 0 0 18px 0;
}
#nav-above {
display: none;
}
.paged #nav-above,
.single #nav-above {
display: block;
}
#nav-below {
margin: -18px 0 0 0;
}




/* =Comments
-------------------------------------------------------------- */
#comments {
clear: both;
}
h3#comments-title,
h3#reply-title {
margin-bottom: 0;
}
.commentlist {
list-style: none;
margin: 0;
}
.commentlist li.comment {
border-bottom: 1px solid #e7e7e7;
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;
}
.commentlist ol {
list-style: decimal;
}
.commentlist .avatar {
position: absolute;
top: 4px;
left: 0;
}
.comment-author {
}
.comment-meta {
margin: 0 0 18px 0;
}
.reply {
padding: 0 0 24px 0;
}
.nopassword,
.nocomments {
display: none;
}
#comments .pingback p {
display: block;
margin: 0;
}
/* Comments form */
#respond {
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;
}
#respond input {
margin: 0 0 9px;
/* width: 98%;*/
}
#respond textarea {
width: 98%;
}
#respond .form-submit {
margin: 12px 0;
}
/* =Widget Areas
-------------------------------------------------------------- */


.widget-area ul {
list-style: none;
}
.widget_search #s {/* This keeps the search inputs in line */
width: 60%;
}
.widget_search label {
display: none;
}
#wp-calendar {
width: 100%;
}
#wp-calendar tfoot #next {
text-align: right;
}
.widget_rss .widget-title img {
width: 11px;
height: 11px;
}
.widget-area, .widget{margin: 0% 0 1% 0}
.widget-area a{color: #333;}
.widget-area a:hover{/*color: #0088C3;*/ text-decoration: underline;}
.widget-area li{padding: 1% 0; border-bottom: 1px dotted #DFDFDF;}
/* =Footer
-------------------------------------------------------------- */




/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */


pre {
-webkit-text-size-adjust: 140%;
}
code {
-webkit-text-size-adjust: 160%;
}
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
-webkit-text-size-adjust: 120%;
}
.entry-utility{margin: 1% 0; background: #f4f4f4; border-radius:5px; padding: 0 1%;}
#site-description {
-webkit-text-size-adjust: none;
}
.comments-link{float: right;}
/* =Print Style
-------------------------------------------------------------- */
@media print {
body {
background: none !important;
}
#wrapper {
clear: both !important;
display: block !important;
float: none !important;
position: relative !important;
}
#header {
border-bottom: 2pt solid #000;
padding-bottom: 18pt;
}
#colophon {
border-top: 2pt solid #000;
}
#site-title,
#site-description {
float: none;
line-height: 1.4em;
margin: 0;
padding: 0;
}
#access,
#branding img,
#respond,
.comment-edit-link,
.edit-link,
.navigation,
.page-link,
.widget-area {
display: none !important;
}
#container,
#header,
#footer {
margin: 0;
width: 100%;
}
#content,
.one-column #content {
margin: 24pt 0 0;
width: 100%;
}
.wp-caption p {
font-size: 11pt;
}
#site-info,
#site-generator {
float: none;
width: auto;
}
#colophon {
width: auto;
}
img#wpstats {
display: none;
}
#site-generator a {
margin: 0;
padding: 0;
}
#entry-author-info {
border: 1px solid #e7e7e7;
}
#main {
display: inline;
}
.home .sticky {
border: none;
}
}




/**********************  Index Page   *******************************/
.widget-area h3{width: 100%;}
#app-featured-post h3, #app-index-post h3, .sidebar-item h3{
                                    font: 15px "Helvetica Neue", Helvetica, sans-serif;
                                    background: #09F;
                                    color:#fff;
                                    font-weight: bold;
                                    padding: 2% 1% 1.5% 2.1%;
                                    margin: 0% 0 3%;
                                    -moz-box-shadow: 2px 2px 2px #ccc;
                                    -webkit-box-shadow: 2px 2px 2px #ccc;
                                    box-shadow: 2px 2px 2px #ccc;
                                    
                                    /*background: -moz-linear-gradient(top, #09F, #008AFF);
                                    background: -webkit-gradient(linear, left top, left bottom, from(#09F), to(#008AFF));
                                    background: -moz-linear-gradient(top, #09F, #008AFF);
                                    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0099FF', endColorstr='#008AFF');
                                    */
                                    text-transform: uppercase;
                            }




#app-featured-post{padding: 0 1% 0 0; width: 30%; float: left;}
#app-featured-post h2, #app-index-post h2{font-size: 14px; font-weight: bold; line-height: 22px;}
#app-featured-post h2 a{font-size: 14px; line-height: 22px;}
#app-featured-post h2 a.app-index-title{*display:block; *clear:both;}
@media \0screen {
  #app-featured-post h2 a.app-index-title{display:block; clear:both;}
}


#app-featured-post {
                          padding-right: 2%;
/*                          width: 100%;*/
}
#app-featured-post .entry{font-family: Georgia, Arial;}
#app-featured-post .post, #app-index-post #post-, .post, .hentry{border-bottom: 1px solid #dfdfdf; padding-bottom: 4%; margin-bottom: 4%;}
#app-featured-post .app-featured-news .post:last-child, #app-index-post #post-:last-child{border: none;}
.app-featured-news{width: 100% !important; overflow-y: visible !important; /*height: 980px !important*/}
.app-index-title{color:#000;
/*                       padding-left: 2%;*/
                        }
.app-index-category a{color:#fff !important;}
.app-index-category{color:#fff;}
.app-index-category{/*background-color: #03497E;*/
                          font-size: 13px;
                          padding: 0 1.5% 1.5% 1%;
                          -moz-border-radius: 3px 0 0 3px;
                          -webkit-border-radius: 3px 0 0 3px;
                          border-radius: 3px 0 0 3px;
                          float: left;
                          height: 16px;
                         }
.app-category-arrow{/*background: url("images/cat-arrow-blue.png") no-repeat;*/
                          float: left;
                          height: 18px;
                          width: 4%;
                          margin-top: 0.4%;
                          margin-right: 2%;
                        }
.app-date, .app-date-archive{font-style: italic; color: #48583D;
                font-size: 11px;
                }
.app-innerpage-content .app-date{font-style: normal;
                border-bottom: 2px solid #333;
                margin-bottom: 1%;
                width: 100%;
}




.readmore{color: #000; font-weight: bold; font-size: 11px;}
.readmore a:hover{color: #000;}
.hentry, .post{margin-bottom: 4%;}
.app-index-page{width: 100%;
                      table-layout: fixed;
                      word-wrap: break-word;                      
                      margin: 1% 0;
                    }
.app-index-page td{
                         vertical-align: top;
/*                         padding: 0 1.5%;*/
                         word-wrap:break-word;
                        }
#td-app-featured-post{}
#app-index-post{padding: 0 2%; overflow: hidden;}
#app-index-post img{width: 308px !important;}
#td-app-index-post{
                         float: left;
                         width: 34.2%;
}
#app_widget{padding-left: 2%;
                  float: right;
                  width: 31.5%;}


.app-inner-page-table{table-layout: fixed; width: 100%;
                            word-wrap:break-word;
                            margin-bottom: 1%;
                            }
.app-inner-page-table td{vertical-align: top; word-wrap: break-word;}
.post{word-wrap: break-word;}
.app-innerpage-sidebar{width: 29%; padding-left: 1%}
.app-innerpage-content{width: 58.5%;
                             border-right: 1px solid #DFDFDF;
                             padding-right: 1%;
                            }
.categories a, .tags a{font-weight: bold;}
.categories, .tags{margin-top: 1%; background: #f4f4f4;
            border-radius:5px;
            padding: 1%;
            clear: both;
            width: 98%;
            }
.socialicons li{display: inline;}
.socialicons ul{margin: 1% 0;}
.socialicons-content{float: left;width: 48%;margin: 0 1% 0.5% 0;}
.socialicons{
/*    border-radius: 0 0 4px 4px ;*/
             border: 1px solid #C7D0DF;
             padding: 1%;
            }


.socialicons-header{background-color: #EBEFF4;
                    border-radius: 4px 4px 0 0;
                    border: 1px solid #C7D0DF;
                    border-bottom: 1px solid #A2B5D3;
                    color: #333;
                    font-family: Arial,sans-serif;
                    font-size: 11px !important;
                    text-transform: uppercase;
                    font-weight: bold;
                    text-align: left;
                    padding: 1%;
                }
.fb-recommend{padding: 1%; width: 100%;}
.app-inner-page-table .fb_iframe_widget iframe{width: 620px !important;}
.app-inner-page-table #primary .fb_iframe_widget iframe{width: auto !important;}


#app-home-banner{width: 100%; margin: 1% 0; float: left;}
.app-home-banner-slide{width: 19%; margin-left: 1.1%; float: left;
                            }
#app-home-banner .app-home-banner-slide:first-child{margin-left: 0;}
#app-home-banner li{display: inline;}
.app-home-banner-img img{width: 178px;}
/******************************************                    */


#nav {
    margin:0;
    padding:0;
    list-style:none;
}
#nav li {
        float:left;
        display:block;
        position:relative;
        z-index:500;
/*        margin-top:3px;
        margin-bottom:3px;*/
/*        margin: 0.8px 0;*/
        padding: 0.4% 1%;
}


/* this is the parent menu */
#nav li a {
        display:block;
        padding:5px 5px 0 5px;
        height:20px;
        color:#fff;
}
#nav li a:hover {
        color:#fff;
}


/* you can make a different style for default selected value */
#nav a.selected {
        color:#f00;
}


/* submenu, it's hidden by default */
#nav ul {
        position:absolute;
        left:0;
/* display:none;*/
/*        margin:0% 0 0 -10%;*/
        padding:0;
        list-style:none;
}
#nav ul li {
        min-width:150px;
        float:left;
        padding: 5% 0 0 3%;
}
/* display block will make the link fill the whole area of LI */
#nav ul a {
        display:block;
/*        height:15px;*/
}
#nav ul ul{left:98%; position: absolute;}
#MoreDivsec li{ border: none; float: right;}
#MoreDivsec ul{left:-135px; padding: 1% 1% 0.5% 0.5%;}
.app-header-category #nav li a:hover{color:#000;}
.app-header-category #nav ul li:last-child a{border:none;}
.app-header-category ul ul{box-shadow: 0 2px 8px #ccc;
                            -webkit-box-shadow: 0 2px 8px #ccc;
                            -moz-box-shadow: 0 0 2px #ccc;
                           /* background: -moz-linear-gradient(top, #008AFF, #09F);
                            background: -webkit-gradient(linear, left top, left bottom, from(#008AFF), to(#0099FF));
                            background: -moz-linear-gradient(top, #008AFF, #09F);
                            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008AFF', endColorstr='#0099FF');*/
                            }
.app-banner-slider-img{height: 130px;overflow: hidden;}
.app-banner-slider-img img{max-width: 230px}
.app-banner-title h5{margin: 0; font-weight: bold; line-height: normal; min-height: 28px; font-size: 14px;}
.app-banner-title a h5:hover{text-decoration: underline; /*color:#fff;*/}
.app-banner-title a:hover{text-decoration: none;}
.app-banner-title a.app-banner-read:hover, .app-banner-title a.app-banner-comment:hover{text-decoration: underline;}
.app-banner-read, .app-banner-comment{/*color: #09f;*/ font-size: 10px; font-weight: bold;}
.app-banner-read{float: left;}
.app-banner-comment{float: right;}
.app-banner-content {width: 100%; float: left;}
.app-banner-content li{float: left; width: 24%; margin-left: 7.2%; }
.app-banner-content li:first-child{/*margin-left: 0%; */}
#app-banner{width: 100%; padding: 1% 0; margin-bottom: 0.5%; float: left; border-bottom: 1px solid #DFDFDF; position: relative;}
#app-banner .app-banner-content:first-child{margin-left: 0;}
#post-banner-prev{position: absolute; z-index: 9999; width: 14px; height: 21px; margin-top:62px; opacity :0.4; cursor: pointer;}
#post-banner-next{position: absolute; z-index: 9999; width: 14px; height: 21px; margin-top:62px; right:0; opacity :0.4; cursor: pointer}
#app-banner:hover #post-banner-prev, #app-banner:hover #post-banner-next{opacity:1;}
.entry img{float: left;  margin:0 2% 1% 0; max-width: 620px;}


#app-featured-banner .app-banner-content li{float: left; width: 100%; margin: 0%; }
#app-featured-banner h5{font-size: 36px; text-align: center;}










/*slider style*/


#cafe-post-banner-prev{position: relative;
                       top:40%;
                       left:-1%;
                       float:left;
                       cursor: pointer;
                       padding: 0px 0 0 10%;
                       height: 20px;
                        }
#cafe-post-banner-next{position: relative;
                       top:40%;
                       left:1%;
                       float: right;
                       cursor: pointer;
                       padding: 0px 0 0 10%;
                       height: 20px;
                      }
.app-pagination{background: #fff; float: right; position: relative;
                        margin: -11.7% 1.3% 0 0;
                        width: 22%;
/*                        padding: 1%;*/
                    }
#pagefeature{float: left; padding: 3% 0 0 5%; font-weight: bold; font-size: 12px;}
.app-pagination .prev{background: url(images/app-page-prev.png) no-repeat center; float: left; width: 6px;}
.app-pagination .next{background: url(images/app-page-next.png) no-repeat center; float: right; width: 6px;}


#td-app-index-post-single #app-featured-post h3, #app-index-post h3, .sidebar-item h3{/*margin: 1.5% 0 3%;*/}
.sidebar-item h3{width: 100%;}
#td-app-index-post-single #app-index-post{padding: 0;
                                                    width: 65%;
                                                    float: left;
                                                    margin-right: 2%;}
#td-app-index-post-single #app-index-post h3{padding: 1% 1% 0.5%;}
#td-app-index-post-single .app-index-category{padding: 0 1.5% 0.5% 1%;}
#td-app-index-post-single .app-category-arrow{margin-top: 0.3%;
                                                          margin-right: 0%;}
#td-app-index-post-single{border-right: 1px solid #dfdfdf; padding-right: 1%;}


#footer-nav {width: 100%;}
#footer-nav #header-menu li {
                        display: inline;
                        margin-right: 1%;
                        }
#footer-nav #header-menu a{color: #666; font-size: 85%;}
#footer-nav #header-menu a:hover{color: #000;}
#footer-nav #header-menu .children{display: none;}
#footer-copyright{float: right; margin-top: 1%}
#footer-copyright a:hover{text-decoration: underline;}


#header-flash-roller{width: 100%; /* margin-top: 1.5%;*/}
#header-flash{width: 65%; float: left; border: 1px solid #DFDFDF;}
#header-subscribe-widget{width: 25%; margin-left: 5%; float: right; text-align: right;}
#header-subscribe-widget form input[type=text]{width: 65%; border: 1px solid #dfdfdf;}
#header-subscribe-widget form input[type=submit]{box-shadow: 0 2px 8px #ccc;
                                                -webkit-box-shadow: 0 2px 8px #ccc;
                                                -moz-box-shadow: 0 0 2px #ccc;
                                                font-size: 12px;
                                                font-family: arial, georgia;
                                                }
/******************/
#header-flash-prev{background: url(images/header-flash-prev.png) no-repeat; width: 17px; height: 18px; float: left; cursor: pointer; margin: 0.5%;}
#header-flash-next{background: url(images/header-flash-next.png) no-repeat; width: 17px; height: 18px; float: right; cursor: pointer; margin: 0.5%;}
.header-flash-title{float: left; width: 90%; height: 20px !important; text-align: center;}
.header-flash-title .latest-title{font-size: 12px; padding-left: 25px; width: 93% !important; margin-top:0.5%;}
.latest-title a{font-weight: bold; color:#000; margin-right: 5%;}
.latest-title .latest-time{margin-left: 0%; color: #A81817;font-size: 11px; width: 51%; /*float: right; text-align: right;*/}
#copy{}
.related-post img{float: left; width: 20%; height:auto;}
.related-post a{float: left; width: 78%; padding-left: 2%;}
.sidebar-item{margin-bottom: 5%;}
.sidebar-item img, .sidebar-item a img{max-width: 295px;}
#app_header_ad{text-align: center;}
#featured-image-index-banner{border-bottom: 1px solid #dfdfdf; padding: 5px; text-align: center;}
#featured-image-index-banner a h5{font-size: 65px;line-height: 60px; font-weight: bold; text-transform: uppercase; margin:2.5% 0;}
#featured-image-index-banner a:hover {text-decoration: underline;}


.blogroll img, .blogroll a img{width:100%;}




/*#featured-image-index-banner a img{height: 350px !important;}*/


/************************* COLOR BLUE *****************/
/* =Gallery listing
-------------------------------------------------------------- */


.format-gallery .size-thumbnail img,
.category-gallery .size-thumbnail img {
border-top: 2px solid #000000;
margin-bottom: 0;
}
.format-gallery .gallery-thumb,
.category-gallery .gallery-thumb {
/*float: left;*/
margin-right: 20px;
margin-top: -4px;
}
.home #content .format-gallery .entry-utility,
.home #content .category-gallery .entry-utility {
padding-top: 4px;
}




/* =Attachment pages
-------------------------------------------------------------- */


.attachment .entry-content .entry-caption {
font-size: 140%;
margin-top: 24px;
}
.attachment .entry-content .nav-previous a:before {
content: '\2190\00a0';
}
.attachment .entry-content .nav-next a:after {
content: '\00a0\2192';
}




/* =Images
-------------------------------------------------------------- */


/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
max-width: 100%; /* When images are too wide for containing element, force them to fit. */
height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
display: inline;
float: left;
margin-right: 1%;
margin-top: 4px;
}
.alignright,
img.alignright {
display: inline;
float: right;
margin-left: 24px;
margin-top: 4px;
}
.aligncenter,
img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
margin-bottom: 1%;
}
.wp-caption {
background: #f1f1f1;
line-height: 18px;
margin-bottom: 20px;
max-width: 632px !important; /* prevent too-wide images from breaking layout */
padding: 4px;
text-align: center;
}
.wp-caption img {
margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
color: #888;
font-size: 12px;
margin: 5px;
}
.wp-smiley {
margin: 0;
}
.gallery {
margin: 18px auto 18px;text-align: center;
}
.gallery .gallery-item {
float: left;
margin-top: 0;
        margin-bottom: 15px;
text-align: center;
width: 33%;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery img {
border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
max-width: 92%;
height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
max-width: 84%;
height: auto;
}
.gallery .gallery-caption {
color: #888;
font-size: 12px;
margin: 0 0 12px;
}
.gallery dl {
margin: 0;
}
.gallery img {
border: 10px solid #f1f1f1;
}
.gallery br+br {
display: none;
}
#content .attachment img {/* single attachment images should be centered */
display: block;
margin: 0 auto;
}




/****************************  Header  & menu    Widget   ******************************************/


#header-nav .sidebar-item h3, .app-header-category .sidebar-item h3 {display:none;}
#header-nav .sidebar-item {margin: 0;}
#header-nav .sidebar-item ul, .app-header-category .sidebar-item ul{float: left;width: 100%; position:relative;}
#header-nav .sidebar-item ul li{margin-right:20px; font-weight: bold;}
#header-nav .sidebar-item ul li a{color:#000;}
#header-nav .sidebar-item ul li ul{position:absolute; min-width: 175px;-webkit-border-radius: 5px;
                                     -moz-border-radius: 5px;border-radius: 5px;}
#header-nav .sidebar-item ul li ul a{color:#fff;}
#header-nav .sidebar-item ul li ul li{padding: 4% 5% 2%;}


.app-header-category .sidebar-item ul li{padding:10px; position:relative; }
.app-header-category .sidebar-item ul a:hover{color:#000;}
.app-header-category .sidebar-item ul li:first-child{}
.app-header-category .sidebar-item ul li a{padding: 0 10px 0 0;}
.app-header-category .sidebar-item ul li ul{position:absolute; min-width: 175px;}
.app-header-category .sidebar-item ul li ul.children{top: 35px; left:0;}
.app-header-category .sidebar-item ul li ul.children li{padding: 10px 10px 5px;}
.app-header-category .sidebar-item ul #MoreDivsec ul{top: 36px; z-index: 99999;}
.app-header-category .sidebar-item ul #MoreDivsec ul ul{top: 0px; left: -170px;}
.app-header-category .sidebar-item ul #MoreDivsec ul li{float: left;padding: 10px 10px 5px; clear: both;}




/****************************  WP- Twitter Widget     ***************************/
#wp_twitter a img{float: left;
            margin-right: 6%;
            width: 30px !important;
            height: 30px !important;}
#wp_twitter .status, #wp_twitter .status a{font-size: 13px;}
#wp_twitter .status a{color:#09F;}


.slidebanner{height:190px;}


Edited by jordanfan20, 19 March 2014 - 08:57 PM.


#2 Notehschil

Notehschil

    Newbie

  • New Members
  • Pip
  • 1 posts

Posted 20 March 2014 - 03:47 AM

If you'd like to align your logo you could try adding; 

#header #title-logo {
    margin: 0 auto;
} 





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Cheap Linux VPS from $5
SSD Storage, 30 day Guarantee
1 TB of BW, 100% Network Uptime

AlphaBit.com