Autor Zpráva
cs.web
Profil
Dobrý den, zakoupil jsem si tuto wordpress šablonu.
Bohužel až po instalaci šablony do wordpressu jsem si všiml že při zmenšení stránky ve prohlížeči se levý postranní panel přesune pod obsah na pravo. Můžete si to předvést na této stránce po zmenšení velikosti stránky v prohlížeči.

Potřeboval bych vědět jak to opravit aby ten levý panel zůstal na svém místě i po oddálení nebo větším rozlišení.
ShiraNai7
Profil
Řešení je víc.. nejjednodušší je asi uvést rozměry v procentech:

#primary {width: 74%;}
#secondary {width: 19%;}
cs.web
Profil
Díky jsem ale úplný začátečník a tak se ptám, co přesně mám v css upravit ?

/* =Widgets
-------------------------------------------------------------- */
.widget {
    display: block;
}
.widget p{
    color: #aab4bb;
}
.widget-area .widget_search {
    overflow: hidden;
}
.widget-area .widget_search input {
    float: left;
}
.widget-title{
    background: url(http://napasport.cz/smazat/minecube/wp-content/themes/minecube/images/widget_h.png);
    margin: 0 -20px;
    font-size: 14px;
    font-weight: 600;
    color: white;
    line-height: 16px;
    padding: 12px 13px;
    text-shadow: 0px 1px 1px #262626;
    filter: dropshadow(color=#262626, offx=0, offy=1);
    height: 15px;
}
.widget ul{
    margin: 0px -20px 5px;
    padding:0px;
}
.widget ul li, .recentcomments {
    display: block;
    background: url(http://napasport.cz/smazat/minecube/wp-content/themes/minecube/images/menu-li.png);
    padding: 12px 13px;
    font-size: 10px;
    text-transform: uppercase;
    color: #aab4bb;
}
.widget ul li a {
    color: #998675!important;
    border: none!important;
    padding: 12px 13px;
    display: block;
    padding: 0px !important;
    font-size: 13px;
    text-transform: none !important;
    font-weight: 500
}
.widget ul li:hover{
    text-decoration: none;
    color: #fff;
    background: url(http://napasport.cz/smazat/minecube/wp-content/themes/minecube/images/menu-li-hover.png);
}

.fot-widget .widget-title{
    background: url(images/widget_h.png);
    margin: 0 -15px;
    font-size: 14px;
    font-weight: 600;
    color: white;
    line-height: 16px;
    padding: 12px 13px;
    text-shadow: 0px 1px 1px #262626;
    filter: dropshadow(color=#262626, offx=0, offy=1);
    height: 15px;
}
.fot-widget .widget ul{
    margin: 0px -15px 5px;
    padding:0px;
}
.fot-widget .widget ul li, .recentcomments {
    display: block;
    color: #998675!important;
    border-bottom: 1px dotted #7d7d7d;
    padding: 12px 13px;
    font-size: 10px;
    text-transform: uppercase;
    background: none!important;
}
.fot-widget .widget ul li a {
    border: none!important;
    padding: 12px 13px;
    display: block;
    padding: 0px !important;
    color: #b3b2b2!important;
    font-size: 13px;
    text-transform: none !important;

}
.fot-widget .widget ul li:hover{
    text-decoration: none;
    color: #fff;
}
.fot-widget .recentcomments a{
    border-bottom: none !important;
}
.fot-widget .widget p{
    font-size: 12px;
    color: #7b7b7b;
    line-height: 16px;
}
.fot-widget .widget_clw h3{
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}
.widget_clw input[type="text"], .widget_clw input[type="password"]{
    background: url(images/input-bg.png);
    border:none;
    padding: 6px 5px 6px ;
    width:160px;
    margin: 8px 0 0 0;
    color: #785639;
}
.widget_clw{
    color: #aab4bb;
    margin: 0 0 5px;
}
/* =Footer
-------------------------------------------------------------- */

#colophon {
    padding: 1em 0 0;
}
.fot-widget{
    width: 175px;
    margin: 0 18px;
    float: left;
    padding: 0 0 20px 0;
}
.fot-widget .widget-title{
    background: none;
    color: #ababab;
    padding: 7px 0;
    border-bottom: 1px solid #4f4f4f;

}
.footer-social-about{

    height: 54px;
    clear: both;
    position: relative;
}
.footer-social-about .social{
    float:left;
    width: 230px;
    padding: 18px;
    position: relative;
}
.footer-social-about .social img{
    margin: 0 5px;
}
.footer-social-about .social p{
    font-size: 11px;
    color: #4f4f4f;
    width: 120px;
    right: 0px;
    position: absolute;
    top: 13px;
}
.footer-social-about .created{
    font-size: 12px;
    right: 15px;
    top: 13px;
    width: 330px;
    clear: both;
    position: absolute;
}
.footer-social-about .created p{
    float: left;
    font-size: 11px;
    color: #4f4f4f;
}
.footer-social-about .created img{
    float: right;
}
/* COMMENTS */
#comments{
    background: #C5C5C5;
    margin:10px -15px -15px;
    padding: 15px;
}
.comment-author{
    width: 40px;
    float: left;
    margin: 0 10px 0 0;
    display: block;
}
article.comment{

    padding: 7px;
}
.reply{
    display: none;
}

.comment-meta{
    display: block;
    min-width: 40px;
    text-align: center;
    padding: 5px 0;

}
.fn{
    width: 40px;
}
.comment-meta{
    text-align: right !important;
    padding: 5px 10px 5px 0 ;
}
.fn a, .comment-meta a{
    color:#939393;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
}
.commentlist li{
    margin: 0 0 15px;
    list-style-type: none;
}
.commentlist{
 margin: 10px 0 0 0;
}

.comment-content{
    margin:  0 0 5px 0;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 8px;
}
#comment-profile{
    float: left;
    width: 40px;
}
#comment-profile img{
    -webkit-border-radius: 5px;
    
    border-radius: 5px;
}
.comment-div{
    width: 90%;
    float: right;
}
.children{
    opacity: 0.7;
}
.children:hover{
    opacity: 1
}
.comment-author-admin .comment-content{
    -webkit-box-shadow:  0px 0px 2px 1px #77cdee;
        
        box-shadow:  0px 0px 2px 1px #77cdee;
        border:none;
}
.underheader{
    height: 250px;
    background: url(http://napasport.cz/smazat/minecube/wp-content/themes/minecube/images/slider-bg.png);
    border-left: 1px solid #1d1105;
    border-right: 1px solid #1d1105;
    border-bottom: 1px solid #1d1105;

}
.slider{
    width: 669px;
    float: left;
}
.flexslider{
    position: relative;
}
#control{
    background: url(http://napasport.cz/smazat/minecube/wp-content/themes/minecube/images/nav-bg.png);
    height: 39px;
}
/* shoutbox */
.sk-comment {
    border: none !important;
    position: relative;
    margin: 20px 0 0px 0 !important;
}
.sk-comment div strong {
    position: absolute;
    top: 50px;
    left:5px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: normal!important;
    color: #9c9c9b;
}
.skwidget-comment{
    position: absolute;
    top:8px;
    left: 55px;
}
.sk-little{
display: none;
}
.sk-table .sk-little{
    display: block!important;
}
.skwidget-edit{
    display: none;
}
.sk-widgettext{
    font-size: 13px;
    color: #464646;
}
.sk-area{
    width: 160px!important;
    height: 30px!important;
    font-size: 13px;
    color: #464646!important;
    font-family: 'Open sans' ,'Segoe UI',Helvetica, Arial, Tahoma, sans-serif;
}
img.avatar-32{
    width: 41px!important;
    height: 41px!important
}
input.sk-button{
    background: url(http://napasport.cz/smazat/minecube/wp-content/themes/minecube/images/button.png)!important;
    font-size: 12px!important;
    font-weight: normal!important;
    padding: 5px 10px!important;
    color: #fff!important;
    border: 1px solid #150c01!important;
    opacity: 0.7!important;
    cursor:pointer;
}
input:hover.sk-button{
    opacity: 1
}
.sk-box-button{
    margin: 0 0 10px 0;
}
/* Search */
#searchform{
    margin: 8px 10px 0 0;
    float:right;
    z-index: 99999;


}
#searchform input#s{
    background: url(http://napasport.cz/smazat/minecube/wp-content/themes/minecube/images/search.png) no-repeat;
    width: 141px;
    height: 28px;
    border: none !important;
    font-size: 10px;
    color:#785639;
    padding: 0 25px 0 8px !important;
    margin: 3px 0 0 0;

}
#searchsubmit{
    display: none;
}

.entry-content #searchform{
margin: 0 0 20px 0;

}
.entry-content #searchform input#s{
    background: #fff;
    border: 1px solid #ccc!important;
    font-size: 12px;
    padding: 5px!important;
    float:left!important;
    color: #707070;

}
.entry-content #searchsubmit{
    display: block;
}

.widget_clw h1{
    background: url(http://napasport.cz/smazat/minecube/wp-content/themes/minecube/images/register.png) no-repeat;
    height: 36px;
}
.widget_clw h3 {
    display: none;
}
#logo-online{
    position: relative;
    height: 240px;
}
#logo-online img{
    position: absolute;
    top:-10px;
    right: 60px;
    z-index: 999
    bottom: -10px;
}

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: