• Resolved bgpc

    (@bgpc)


    Hello Folks,

    I am building a new blog and i have decided to use Satorii theme. The problem is about header. I want to fix header image and links. you can see clearly what i mean. ??

    css code is here

    /*
    THEME NAME: Satorii
    THEME URI: https://yukei.net
    DESCRIPTION: A minimalist theme with a strong focus on content
    VERSION: 1.0
    AUTHOR: <a href="https://felipe.lv">Felipe Lavin</a>
    AUTHOR URI: https://felipe.lv
    TAGS: one-column, white, light, microformats
    */
    
    @import url(css/reset-fonts-grids.css);
    @import url(css/base-min.css);
    
    body{
    text-align:left;
    color:#555;
    font-family:'Liberation Sans',FreeSans,'Helvetica Neue LT Std','Helvetica LT Std',Helvetica,Arial,Tahoma,'Lucida Grande','Lucida Sans',sans-serif;
    }
    
    a,.entry-content a em,.entry-content a strong,.entry-content em a,.entry-content strong a{color:#06c;outline:none !important;}
    a:hover{color:#f30;}
    ul li{list-style-type:square;}
    .fw{width:100% !important;float:none;}
    
    .skip-link{
    display:none;
    }	
    
    #header,#access{
    width:80%;
    padding:1em 10%;
    }
    h2.entry-title,#blog-title a,h2.page-title,h3.entry-title{
    font-family: 'ITC Avant Garde Gothic Std','URW Gothic L','Century Gothic', 'Avant Garde', 'Trebuchet MS', sans-serif;
    }
    
    #blog-title{
    margin-bottom:0.35em;
    }
    #blog-title a{
    color:#000;
    font-weight:normal;
    text-decoration:none;
    font-size:197%;
    }
    #blog-description{
    font-size:77%;
    color:#868F83;
    text-transform:uppercase;
    letter-spacing:0.15em;
    }
    
    #access{
    text-align:center;
    }
    #menu ul{
    overflow:hidden;
    text-align:center;
    }
    #menu li{
    display:inline;
    padding:1em 2em;
    border-left:1px solid #BBC1BC;
    line-height:2.2;
    }
    #menu li:first-child{
    border-left:none;
    }
    #menu li a{
    color:#868F83;
    text-decoration:none;
    font-size:138.5%;
    }
    #menu li a:hover{
    color:#555;
    }
    
    .post,#content .page{
    clear:both;
    margin:1em auto 3em;
    overflow:hidden;
    width:50em;
    }
    
    /*sticky posts*/
    .sticky{
    border:solid #eee;
    border-width:5px 0;
    padding-bottom:0.8em;
    }
    .sticky h2.entry-title a{
    font-weight:bold;
    text-transform:uppercase;
    }
    .sticky .entry-content{color:#333}
    
    h2.entry-title,h3.entry-title{
    margin-bottom:0.5em;
    color:#000;
    font-size:161%;
    font-weight:normal;
    }
    h3.entry-title{
    font-size:138.5%;
    }
    h2.entry-title a,h3.entry-title a{
    color:#000;
    text-decoration:none;
    }
    h2.entry-title a:hover,h3.entry-title a:hover{
    border-bottom:2px solid #000;
    }
    h3.entry-title span{
    font-size:66.7%;
    }
    h3.entry-title span.comments-link a{
    background:url(img/mini_icons2/comment.gif) left no-repeat;
    padding-left:13px;
    }
    h3.entry-title span.edit-link a{
    background:url(img/mini_icons2/field_input.gif) left no-repeat;
    padding-left:13px;
    }
    h2.page-title{
    width:80%;
    color:#333;
    margin:0 auto;
    font-weight:normal;
    }
    h2.page-title a{
    color:#000;
    }
    body.attachment .entry-title{
    margin-left:3%;
    }
    body.attachment #header{
    padding:1em 3%;
    width:94%;
    }
    .entry-content{
    width:74%;
    float:right;
    line-height:1.7;
    }
    #content .page .entry-content{
    float:left;
    }
    .entry-meta,.page-meta{
    width: 24%;
    float:left;
    margin:0.38em 0 0;
    font-size:85%;
    }
    h3.page-links-title{
    padding-left:1em;
    }
    .page-meta{
    float:right;
    background:#f9f9f9;
    border:1px solid #f0f0f0;
    }
    .page-meta li{
    margin:0.25em;
    }
    .page-meta li ul{
    margin:0 0 0 1em;
    }
    .page-meta li{
    color:#c90;
    }
    .page-meta li ul li{
    color:#999;
    }
    .page-meta a{
    color:#666;
    text-decoration:none;
    }
    .page-meta li.current_page_item a{
    color:#000;
    }
    .entry-meta abbr{
    border-bottom:none;
    }
    .entry-meta dt{
    font-weight:bold;
    color:#666;
    }
    .entry-meta,.entry-meta a{
    color:#888;
    text-decoration:none;
    }
    .entry-meta a:hover,.page-meta a:hover{
    color:#000;
    text-decoration:underline;
    }
    .entry-meta dd{
    margin:0 0 1em;
    }
    .entry-meta ul{
    margin:0;
    }
    .entry-meta li{
    margin-left:1.5em;
    color:#C90;
    }
    
    .tag-links,.archive .cat-links,.search .cat-links{
    font-size:85%;
    background:url(img/mini_icons2/tag.gif) left no-repeat;
    padding-left:13px;
    }
    .archive .cat-links,.search .cat-links{
    background-image:url(img/mini_icons2/folder.gif);
    margin-bottom:0.5em;
    }
    .tag-links span,.archive .cat-links span,.search .cat-links span{
    font-weight:bold;
    color:#666;
    }
    .tag-links a,.archive .cat-links a,.search .cat-links a{
    text-decoration:none;
    border-bottom:1px solid #eee;
    }
    .tag-links a:hover,.archive .cat-links a:hover,.search .cat-links a:hover{
    color:#000;
    }
    
    table{
    font-size:93%;
    }
    caption{
    text-transform:uppercase;
    text-align:left;
    letter-spacing:0.10em;
    font-weight:bold;
    }
    th,td{
    border:none;
    }
    tr.odd{
    border:1px solid #EBE5D9;
    border-width:1px 0;
    background:#F7F4EE;
    }
    th{
    background:#f7f4ee;
    }
    tr.odd th{
    background:#F3EEE4;
    }
    thead,thead th,tfoot,tfoot th,thead a,tfoot a{
    background:#963 !important;
    color:#fff !important;
    }
    .entry-content li{
    margin-bottom:0.5em;
    }
    .entry-content strong,.entry-content em{
    color:#222;
    }
    .entry-content code{
    color:#ce5c00;
    }
    #comments code{
    color:#2e3436;
    }
    .entry-content kbd{
    color:#8f5902;
    }
    .entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{
    color:#222;
    }
    pre{
    overflow: auto;
    border:1px solid #f5f5f5;
    background: #FDFDFD;
    padding: 1.5%;
    width:96%;
    margin:auto;
    }
    .entry-content blockquote{
    border-left:0.5em solid #EEEEDC;
    padding-left:1em;
    }
    
    #nav-above{
    display:none;
    }
    #nav-below{
    background:#E1E0D0;
    border-top:2px solid #EBEADE;
    }
    #nav-below div:hover{
    background:#ebeade;
    }
    #nav-below div{
    padding:1% 0;
    }
    .nav-previous{
    text-align:left;
    }
    .nav-next{
    text-align:right;
    }
    .nav-previous .meta-nav{
    padding-left:2em;
    }
    .nav-next .meta-nav{
    padding-right:2em;
    }
    #nav-below a{
    color:#7A7A71;
    text-transform:uppercase;
    text-decoration:none;
    letter-spacing:0.1em;
    font-size:85%;
    }
    #nav-below a:hover{
    color:#000;
    }
    #nav-images{
    padding:3em 3%;
    clear:both;
    }
    
    body.attachment .entry-content{
    width:100%;
    margin:1em auto;
    float:none;
    text-align:center;
    }
    body.attachment div.entry-meta{
    clear:both;
    width:94%;
    padding:1em 3%;
    text-align:center;
    }
    body.attachment div.entry-caption,body.attachment .entry-content p{
    width:90%;
    margin:1em 5%;
    }
    
    #sidebar-wrapper,#footer,#comments{
    clear:both;
    background:#eeeedc;
    }
    #sidebar-wrapper{
    padding-top:2em;
    border-top:2px solid #F0EED4;
    font-size:93%;
    line-height:1.5;
    }
    .xoxo li{
    list-style:none;
    margin-bottom:2em;
    }
    .xoxo li li{
    list-style-type:square;
    margin-bottom:0;
    }
    .xoxo li ul,.xoxo li ol{
    margin-top:0;
    margin-bottom:0;
    }
    
    #sidebar-wrapper h3,#sidebar-wrapper h3 a{
    color:#330;
    text-decoration:none;
    }
    #sidebar-wrapper a,#comments a:hover{
    color:#663300
    }
    #sidebar-wrapper a:hover{
    color:#660;
    }
    #wp-calendar{
    margin:0 auto;
    }
    .widget_tag_cloud{
    text-align: justify;
    }
    .widget_tag_cloud a{
    text-decoration:none;
    vertical-align: middle;
    }
    .widget_tag_cloud a:hover{
    text-decoration:underline;
    }
    
    #comments h3{
    margin-top:0;
    }
    #comments{
    padding:2em 0;
    overflow:hidden;
    }
    #comments h3 span{
    color:#000;
    }
    #comments a{
    color:#8F6F3A;
    }
    #comments .yui-gd,#respond{
    width:90%;
    margin:0 auto;
    }
    
    .comments ol li{
    display:block;
    list-style:none;
    }
    .comments ol{
    margin:0;
    }
    .comments li li{
    display:list-item;
    list-style-type:square;
    }
    .comments ol ol{
    margin:1em;
    }
    
    .leave-trackback{
    color:#979584;
    }
    #comments abbr,#comments acronym{
    border-bottom-color:#979584;
    }
    .trackback-url{
    font-size:93%;
    display:block;
    margin:0.25em 0;
    overflow:hidden;
    color:#7D7C6E;
    width:95% !important;
    padding:1.5%;
    white-space:nowrap;
    background:#F5F5EC;
    border:1px solid #E3E2C9;
    -moz-border-radius:0.25em;
    }
    #trackbacks-list .trackback-text{
    font-size:85%;
    margin:0.5em 1em 0;
    }
    #trackbacks-list li{
    border-top:2px solid #E3E2C9;
    padding:2em 0 1em;
    }
    #trackbacks-list li:first-child{
    border-top:none;
    padding-top:1em;
    }
    
    #comments-list h3{
    margin-left:28%;
    }
    #comments-list .yui-u{
    width:72%;
    border-left:2px solid #e3e2c9;
    padding:1em 0 1em 1.5%;
    }
    #comments-list .first{
    width:24%;
    border-left:none;
    padding-left:0;
    padding-top:1.2em;
    }
    .comment{
    clear:both;
    margin:1.5em 0;
    }
    .comment:first-child{
    margin-top:0;
    }
    #comments-list .comment-author,#comments-list img.avatar{
    text-align:right;
    }
    .comment-author a{
    text-decoration:none;
    font-weight:bold;
    color:#636257 !important;
    }
    .comments .meta-sep{color:#B0AF9C}
    .comments .edit-link a{color:#979584 !important;}
    .comment-meta a{color:#7D7C6E !important;text-decoration:underline;cursor:pointer;}
    #comments-list .comment-author span{
    display:block;
    }
    #comments-list .comment-meta{
    font-size:85%;
    color:#979584;
    }
    .comment-text{
    line-height:1.5;
    }
    
    #respond{
    width:59.75%;
    margin:3em 0 0 35.5%;
    }
    .no-replies{
    margin:3em auto !important;
    }
    p#comment-notes{margin-bottom:2em}
    #respond div.yui-gf div.first{
    text-align:right;
    }
    #commentform input.text,#commentform textarea{
    margin-bottom:1em;
    background:#F5F5EC;
    border:1px solid #E3E2C9;
    width:95%;
    padding:3px;
    -moz-border-radius:0.25em;
    color:#636257;
    }
    textarea#comment{
    line-height:1.7
    }
    #commentform .form-label{
    color:#979584;
    margin-bottom:0.35em;
    }
    #form-textarea{
    width:73%;
    }
    #form-textarea div{
    margin-left:2.5%;
    }
    
    #submit{
    background:#979584;
    border:2px solid;
    border-top-color:#B0AF9C;
    border-left-color:#B0AF9C;
    border-bottom-color:#636257;
    border-right-color:#636257;
    color:#fff;
    padding:0.35em;
    width:96.75%;
    font-weight:bold;
    font-size:85%;
    text-transform:uppercase;
    letter-spacing:0.1em;
    -moz-border-radius:0.25em;
    }
    
    .comment form#commentform{
    margin-top:1em;
    }
    #comments-list form#commentform .yui-u{
    border:none 0;
    }
    .comment p#comment-notes{display:none}
    
    #footer{
    clear:both;
    padding:2em;
    color: #979584;
    font-size: 85%;
    text-align:right;
    }
    #footer p{
    margin: 0.25em 0;
    }
    
    #footer a{
    color:#636257;
    text-decoration:none;
    }
    #footer a:hover{
    text-decoration:underline;
    }
    
    /* styles for wordpress-generated classes */
    .aligncenter,div.aligncenter,img[align="center"],.postimgfull{
    display: block;
    margin:1em auto;
    }
    
    .alignleft,img[align="left"]{
    float: left;
    margin-right:0.5em;
    }
    
    .alignright,.postimgtn,img[align="right"] {
    float: right;
    margin-left:0.5em;
    }
    
    .imgserie{text-align:center;}
    .imgserie img{margin:0.5em}
    
    .gallery-caption{
    color:#666;
    text-align: center;
    margin:0;
    font-size:85%;
    padding:0 0.5em;
    }
    
    .wp-caption{
    background:#F5F5EC;
    border:1px solid #E3E2C9;
    text-align:center;
    font-size:85%;
    padding:0.5em 0.15em 0.15em;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
    }
    .wp-caption img{
    margin:0;
    padding:0;
    border:0 none;
    }
    
    .wp-caption-text{
    margin-bottom:0;
    margin-top:0.15em;
    color:#7D7C6E;
    }
    
    .gallery-item{
    width:33.2%;
    float:left;
    margin:1em 0;
    text-align:center;
    }
    .gallery-item img{
    border:2px solid #ddd
    }

Viewing 6 replies - 1 through 6 (of 6 total)
  • Please don’t post huge chunks of code here. For larger blocks of code, use the WordPress pastebin. It makes life easier for everyone.

    Also a brief summary of the problem and a link to your site would be much more helpful.

    Thread Starter bgpc

    (@bgpc)

    sorry about huge chunks of code ??

    its running on local so you can see a screenshot of my site here. what i want is the links and the header image must be the same line. sorry about my english. pls help. thanks.

    Try this

    #menu ul{
    overflow:hidden;
    text-align:center;
    margin-top:-100px;
    }

    Thread Starter bgpc

    (@bgpc)

    it looks ok. thank you very much.

    loch

    (@loch)

    Hi, i have the same request. I used the code given, it worked for IE but nothing changed in FF.

    Also, I changed the alignment to sit right, but no change.

    Please advise, thankyou kindly!

    https://www.souloist.info/dzyn

    loch

    (@loch)

    Alignment was ok, but FF not responding to code change.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘satorii theme header problem’ is closed to new replies.