Webboard

Webboard > Wsparcie MyBB > Style, szablony i grafika > Zmiana szerokości headeru
Pełna wersja: Zmiana szerokości headeru
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Stron: 1 2 3

aycrash

14.08.2015, 15:06
wersja skryptu MyBB: 1.8
adres forum: www.aykrasz.cba.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Witam, jak zrobić mniejszą szerokośc tego slideru co jest na moim forum?
header
Kod:
<div id="header" class="clearfix">>
    <div class="wrapper">
        <div class="logo">
            <img src="images/xstyled/logo.png" alt="XSTYLED Logo" />
        </div><div class="description"><span class="special">X</span>STYLED - MyBB Design Community</div>
        <div class="menu">
            <ul>
                <li><a href="">Home</a></li>
                <li class="selector"><a href="forum/index.php">Community</a></li>
                <li><a href="shop.html">Shop</a></li>
                <li><a href="contact.html">Contact</a></li>
            </ul>
        </div>
    </div>
</div>

<div id="user" class="clearfix">
    <div class="wrapper clearfix">
        <div class="news">
            <div class="announcements"><i title="Announcements" style="font-size: 16px;" class="fa fa-microphone fa-fw"></i></div>
            <div class="automsg">
                <ul>
                    <li class="quotes">Welcome to <span style="font-weight: 700;"><span class="special">X</span>STYLED</span>, hope you enjoy the community!</li>
                    <li class="quotes">If you read this, ignore this message.</li>
                </ul>
            </div>
        </div>
        <div class="member">
            {$welcomeblock}
        </div>
    </div>
</div>

<div id="fullimg">
    <div class="wrapper">
        <ul class="bxslider">
          <li><img src="images/xstyled/slider/1.png" /></li>
          <li><img src="images/xstyled/slider/2.png" /></li>
          <li><img src="images/xstyled/slider/3.png" /></li>
        </ul>
    </div>
</div>

<div id="nav" class="clearfix">
    <div class="wrapper">
        <navigation>
        <div class="quicksearch">
            <form method="post" action="{$mybb->settings['bburl']}/search.php">
                <input type="hidden" name="action" value="do_search" />
                <input type="hidden" name="postthread" value="1" />
                <input type="hidden" name="forums" value="all" />
                <input type="hidden" name="showresults" value="threads" />
                <input class="searchbox" type="text" name="keywords" value="Enter your search..." />
                <input class="searchbutton" type="submit" value="&#xf002" title="Search now" />
            </form>
        </div>
    </div>
</div>
    
<div id="container">
    <div id="content">
        <div class="wrapper">
            {$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
            {$pending_joinrequests}
            {$awaitingusers}

wrapper z global.css na wszleki wypadek
Kod:
.wrapper {
    width: 1024px;
    min-width: 1024px;
    max-width: 1024px;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}

Oraz cały .css
Kod:
:focus {
    outline: none;
}

input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px #FAFAFA inset;
    -webkit-text-fill-color: #767676;
}

input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 50px #FAFAFA inset;
    -webkit-text-fill-color: #767676;
}

input::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin-top: -2px;
    margin-bottom: -2px;
}

/***************************************************************************/

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
}

/***************************************************************************/

.tipsy {
    position: absolute;
    padding: 5px;
    z-index: 100000;
}

.tipsy-inner {
    font-family: 'Titillium Web', sans-serif;
    font-size: 12px;
    color: #FAFAFA;
    max-width: 200px;
    padding: 5px 8px;
    text-align: center;
      border-radius: 3px;
    background: #2C343D;
}

.tipsy-arrow {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    border: 5px dashed #2C343D;
}
  
.tipsy-arrow-n {
    border-bottom-color: #2C343D;
}

.tipsy-arrow-s {
    border-top-color: #2C343D;
}

.tipsy-arrow-e {
    border-left-color: #2C343D;
}

.tipsy-arrow-w {
    border-right-color: #2C343D;
}
  
.tipsy-n .tipsy-arrow {
    top: 0px; left: 50%;
    margin-left: -5px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-e .tipsy-arrow {
    right: 0;
    top: 50%;
    margin-top: -5px;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.tipsy-w .tipsy-arrow {
    left: 0;
    top: 50%;
    margin-top: -5px;
    border-right-style: solid;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

/***************************************************************************/

#header {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 65px;
    line-height: 23px;
    min-height: 65px;
    max-height: 65px;
    padding: 0;
    margin: 0;
    background: #526980;
    align: center;
}

.logo {
    float: left;
    margin-top: 16px;
}

.description {
    font-size: 16px;
    font-weight: 700;
    color: #FAFAFA;
    opacity: 0;
    margin-top: 21px;
    position: relative;
    float: left;
    transition: all 0.3s ease;
}

.logo:hover + .description {
    opacity: 1;
    margin-left: 15px;
    transition: all 0.3s ease;
}

.special {
    color: #00d9a3;    
}

.specialdesc {
    font-size: 14px;
    font-style: italic;
    text-align: right;
    color: #969696;
}

.menu {
    float: right;
    margin-top: 21px;
}

.menu ul {
    margin: 0;
    padding: 0;
}

.menu ul li {
    list-style: none;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    color:            #E6E8FA;
    padding: 0 0 0 40px;
}

.menu ul li a:link, .menu ul li a:visited {
    color:            #E6E8FA;
    transition: all 0.3s ease;

    
}

.menu ul li a:hover, .menu ul li a:active {
    color:      #66ccff;
    transition: all 0.3s ease;
font-size: 20px;

}

.menu ul li.selector a:link, .menu ul li.selector a:visited, .menu ul li.selector a:hover, .menu ul li.selector a:active {
    color: #E6E8FA;
    position: relative;
    text-decoration: none;
        font-size: 16px;
}

.menu ul > li.selector > a:before {
    border-bottom: 10px solid #F2F2F2;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    left: 50%;
    margin: 0 0 0 -10px;
    position: absolute;
    top: 36px;
    padding: 0;
    color:      #66ccff;

}

#user {
    
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 55px;
    line-height: 55px;
    background: rgb(242,242,242); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(239,239,239,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(239,239,239,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(239,239,239,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(239,239,239,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(239,239,239,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(239,239,239,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}

.member {
    float: right;
    text-align: right;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

.umenu {
    float: right;
    margin: 0;
    padding: 0;
}

.umenu ul {
    margin: 0;
    padding: 0;
}

.umenu ul li {
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    color: #767676;
    list-style: none;
    display: inline-block;
    margin: 0 0 0 5px;
    padding: 0;
    box-sizing: border-box;
}

.umenu ul li a:link, .umenu ul li a:visited {
    margin: 0;
    padding: 0;
    color: #C5C5C5;
    transition: all 0.3s ease;
}

.umenu ul li a:hover, .umenu ul li a:active {
    margin: 0;
    padding: 0;
    color: #767676;
    transition: all 0.3s ease;
}

.umenu ul li a img {
    border: none;
}

.pms {
    background: #00BA8C;
    color: #FAFAFA;
    font-size: 10px;
    padding: 1px 5px 1px 4px;
    position: absolute;
    display: inline-block;
    border-radius: 4px;
    top: 81px;
    line-height: 13px;
    margin: -3px -7px -7px -7px;
}

.quicksearch {
    float: right;
      margin-top: 10px;
    padding: 0;
    border-bottom: 2px solid #FAFAFA;
    background: none;
    height: 32px;
    border-radius: 9px;
}

.searchbox {
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    font-weight: 700;
    border: 1px none;
    height: 30px;
    padding: 0 10px;
    margin: 0;
    color: #FAFAFA;
    background: none;
    width: 150px;
    min-width: 150px;
    max-width: 150px;
}

.searchbutton {
    cursor: pointer;
    font-family: FontAwesome;
    background: none;
    border: 1px none;
    font-size: 14px;
    color: #FAFAFA;
    opacity: 0.5;
    padding: 7px 8px;
    transition: all 0.3s ease;
}

.searchbutton:hover {
    cursor: pointer;
    opacity: 1;
    transition: all 0.3s ease;
}

#nav {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 55px;
    padding: 0;
    margin: 0;
    box-shadow: -5px -5px 15px #182019;
    
}

.navspace {
    color: #00936F;
}

.avatar {
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    float: left;
    margin: 10px 0;
    border-radius: 4px;
}

.panelavatar {
    height: 40px;
    width: 40px;
    background: url("images/xstyled/default_avatar.png") no-repeat;
    background-size: 100% auto;
    border: none;
    box-shadow: 0 0 5px 0 #BDBDBD;
}

.panelavatar img {
    height: 40px;
    width: 40px;
    margin: 0;
    padding: 0;
}

.panelavatar img[src=""] {
    display: none;
    margin: 0;
    padding: 0;
}

.userinfo {
    width: 160px;
    min-width: 160px;
    max-width: 160px;
    float: right;
    margin: 10px 0 10px 10px;
    text-align: left;
}

.userunique, .userunique:hover {
    margin: 0;
    padding: 0;
    color: #00BA8C !important;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

.news {
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    float: left;
}

.announcements {
    width: 22px;
    font-size: 14px;
    text-align: left;
    float: left;
    margin: 20px 2px 0 0;
    padding: 0;
    color: #767676;
}

.automsg {
    width: 415px;
    padding: 0;
    line-height: 27px;
}

.automsg ul {
    padding: 0;
    margin: 14px 0 0 0;
}

.quotes {
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    color: #767676;
    list-style: none;
    display: none;
    text-align: left;
}

#fullimg {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 300px;
}

.loginbutton a:link, .loginbutton a:visited {
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #FAFAFA;
    background: #B2B2B2;
    border-bottom: 3px solid #9D9D9D;
    border-radius: 4px;
    padding: 5px 16px;
    transition: all 0.3s ease;
}

.loginbutton a:hover, .loginbutton a:active {
    background: #cbcbcb;
    border-bottom: 3px solid #B2B2B2;
    transition: all 0.3s ease;
}

.registerbutton a:link, .registerbutton a:visited {
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #FAFAFA;
    background: #00BA8C;
    border-bottom: 3px solid #00a078;
    border-radius: 4px;
    padding: 5px 16px;
    transition: all 0.3s ease;
}

.registerbutton a:hover, .registerbutton a:active {
    background: #00d29e;
    border-bottom: 3px solid #00BA8C;
    transition: all 0.3s ease;
}

.loginhead {
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #FAFAFA;
    padding: 0 10px;
    background: #00BA8C;
    text-align: left;
    border-radius: 4px 4px 0px 0px;
}

#logincontent {
    width: 235px;
    min-width: 235px;
    max-width: 235px;
    text-align: center;
    margin: auto;
    padding: 10px;
    box-sizing: border-box;
}

.iconbox {
    width: 17px;
    min-width: 17px;
    max-width: 17px;
    float: left;
    background: #FAFAFA;
    color: #767676;
    border-radius: 4px 0px 0px 4px;
    border-bottom: 1px solid #B2B2B2;
    border-top: 1px solid #B2B2B2;
    border-left: 1px solid #B2B2B2;
    border-right: 1px none;
    padding: 8px 8px 9px 8px;
    margin: 0;
}

.logbox {
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    width: 164px;
    min-width: 164px;
    max-width: 164px;
    height: 21px;
    min-height: 21px;
    max-height: 21px;
    float: left;
    background: #FAFAFA;
    color: #767676;
    border-radius: 0px 4px 4px 0px;
    border-bottom: 1px solid #B2B2B2;
    border-top: 1px solid #B2B2B2;
    border-left: 1px none;
    border-right: 1px solid #B2B2B2;
    padding: 5px 8px 5px 8px;
    margin: 0;
}

.bigloginbutton {
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #FAFAFA;
    background: #B2B2B2;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 3px solid #9D9D9D;
    border-radius: 4px;
    padding: 5px 55px;
    transition: all 0.3s ease;
}

.bigloginbutton:hover {
    cursor: pointer;
    background: #cbcbcb;
    border-bottom: 3px solid #B2B2B2;
    transition: all 0.3s ease;
}

.subul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.subul li {
    width: 170px;
    float: left;
    margin-left: -5px;
}

#footer {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 195px;
    padding: 10px 0 0 0;
    margin: 0;
    background: #2C343D;
    position: relative;
}

#footer:after {
    position: absolute;
    border-bottom: 30px solid #F2F2F2;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    content: "";
    left: 48%;
    top: 175px;
}

.about {
    width: 375px;
    min-width: 375px;
    max-width: 375px;
    float: left;
    text-align: left;
}

.title {
    font-family: 'Titillium Web', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #FAFAFA;
    padding: 0 0 10px 0;
    margin: 0 0 18px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.effect {
    padding: 0 5px 9px 0;
    border-bottom: 3px solid #00d9a3;    
}

.effect2 {
    padding: 0 5px 7px 0;
    border-bottom: 3px solid #9396B3;
}
.effect2:hover {
    padding: 0 120px 7px 0;
    border-bottom: 3px solid #577591;
    transition: all 0.7s ease;
}

.about p {
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    color: #B8B8B8;
}

.about:first-child p {
    margin-top: 15px;
}

.quicklinks {
    width: 250px;
    min-width: 250px;
    max-width: 250px;
    float: right;
    text-align: left;
}

.nothreads {
    font-size: 14px;
    font-style: italic;    
    text-align: left;
    color: #BDBDBD;
}

.latestthreads a:link, .latestthreads a:visited, .latestthreads a:hover, .latestthreads a:active {
    color: #00BA8C;
    text-decoration: none;
}

.trow3 {
    float: left;
    line-height: 17px;
    margin-bottom: 10px;
    color: #B8B8B8;
}

.trow4 {
    line-height: 17px;
    margin-bottom: 10px;
    padding: 10px 0;
    color: #B8B8B8;
}

#copyright {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 55px;
    line-height: 55px;
    background: rgb(242,242,242); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(239,239,239,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(239,239,239,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(239,239,239,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(239,239,239,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(239,239,239,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(239,239,239,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}

.design {
    float: left;
    color: #767676;
}

.mybb {
    float: right;
    color: #767676;
}

.mybb a:link, .mybb a:visited, .mybb a:hover, .mybb a:active {
    color: #00BA8C;
    font-weight: 700;
    text-decoration: none;
}

.joinus a:link, .joinus a:visited, .joinus a:hover, .joinus a:active {
    color: #00BA8C;
    font-weight: 700;
    text-decoration: none;
}

.pagination2 a:link, .pagination2 a:visited {
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #FAFAFA;
    background: #B2B2B2;
    border-bottom: 3px solid #9D9D9D;
    border-radius: 4px;
    padding: 0 8px;
    transition: all 0.3s ease;
}

.pagination2 a:hover, .pagination2 a:active {
    background: #00d29e;
    border-bottom: 3px solid #00BA8C;
    transition: all 0.3s ease;
}

.boldie {
    font-weight: 700;    
}

.newthbutton a:link, .newthbutton a:visited {
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #FAFAFA;
    background: #00BA8C;
    border-bottom: 3px solid #00a179;
    border-radius: 4px;
    padding: 12px 18px;
    transition: all 0.3s ease;
}

.newthbutton a:hover, .newthbutton a:active {
    background: #00d29e;
    border-bottom: 3px solid #00BA8C;
    transition: all 0.3s ease;
}

#pbcontainer {
    width: 1024px;
    min-width: 1024px;
    max-width: 1024px;
    height: 335px;
    min-height: 335px;
    margin: 20px 0;
    padding: 0;
    border: 1px solid #DFDFDF;
    box-sizing: content-box;
    border-radius: 4px;
}

.pbone {
    width: 220px;
    min-width: 220px;
    max-width: 220px;
    height: 335px;
    min-height: 335px;
    float: left;
    text-align: center;
    margin: 0;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 4px 0px 0px 4px;
    
    background: #FAFAFA;
}

.pbtwo {
    width: 804px;
    min-width: 804px;
    max-width: 804px;
    height: 335px;
    min-height: 335px;
    float: right;
    text-align: left;
    background: #DFDFDF;
    color: #38474C;
    margin: 0;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 0px 4px 4px 0px;
}

.userbuttons {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
    text-align: center;
    margin: 10px auto 0 auto;
    padding: 0;
}

.ubutton a:link, .ubutton a:visited {
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #FAFAFA;
    background: #B2B2B2;
    border-bottom: 3px solid #9D9D9D;
    border-radius: 4px;
    margin: 0;
    padding: 0 4px 1px 3px;
    transition: all 0.3s ease;
}

.ubutton a:hover, .ubutton a:active {
    background: #00d29e;
    border-bottom: 3px solid #00BA8C;
    transition: all 0.3s ease;
}
Próbowałem kilkukrotnie samemu, lecz zmiana wartości powoduje zmiane położenia zawartości slideru albo rozsunięcie się forum.
Link już jest, podczas edytowania musiałem przypadkiem usunąc, czekam na jakąś pomoc lub wskazówke.

Szogi1910

14.08.2015, 18:06
To teraz określ pytanie chcesz zmniejszyć header czy sam slider
Dodatkowo oprócz informacji o spolszczeniu dodaj informacje o mybb.com

aycrash

14.08.2015, 18:10
Informacje o Mybb zaraz dodam.
Chcę zmniejszyć cały slider, nie jego zawartosc tylko cały ten pasek slideru

Snake_

17.08.2015, 13:20
Czytałeś już dokumentację o sliderze? Coś na pewno jest o szerokości (wdith). http://bxslider.com/options

aycrash

20.08.2015, 17:15
Niestety nic ciekawego nie znalazłem

Snake_

20.08.2015, 17:26
Więc tak:
custom.css ->
Kod:
#fullimg {
    width: 500px
    height: 300px;
}
zamień na
Kod:
#fullimg {
    width: 500px;
    height: 300px;
}
Oraz wyciągnij slider z klasy .wrapper.

aycrash

20.08.2015, 17:39
Kod zamieniłem i jeśl chodzi Ci o usunięcie klasy .wrapper z kodu gdzie bxslider to to zrobiłem. Tylko problem w tym, że moge zmienić rozmiary tego co jest w sliderze, a nie całego paska

Snake_

20.08.2015, 17:49
Teraz tak: images/xstyled/jquery.bxslider.css, szukasz:
Kod:
.bx-wrapper .bx-viewport {    
    /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}
Do tej klasy dopisujesz:
height: 300px !important;
Szukasz
Kod:
.bx-wrapper img {
    max-width: 100%;
    display: block;
}
Dopisujesz height: 300px;.

aycrash

20.08.2015, 17:58
Jest teraz tak jak w załączniku, jak powinno być. Dodatkowo klasa .wrapper z kodu tam gdzie bxslider w headerze została usunięta, a efektu nadal nie ma tylko na tej zawartości.

Snake_

20.08.2015, 18:05
CTRL + F5. Szerokość została zmieniona. W czym jeszcze problem?

aycrash

20.08.2015, 18:12
Szerokość tego CAŁEGO paska jest nadal rozszerzona na całą stronę: 100% jak to zmienić?

Snake_

20.08.2015, 20:27
Nie rozumiem...? Opisz jaśniej. Szerokość wynosi 500px.

aycrash

21.08.2015, 08:21
Chciałbym żeby ten slider wyglądał tak (tam gdzie podświetlenie).
[Obrazek: 2ivhgsx.png]
Tylko po zmianie tej szerokości nic sie nie dzieje albo psuje strone

Snake_

21.08.2015, 09:37
#fullimg dopisz margin: 0 auto;.

aycrash

21.08.2015, 09:39
Zmienia się szerokość zawartości czyli tego obrazka, nie całego paska slideru
Stron: 1 2 3
Webboard > Wsparcie MyBB > Style, szablony i grafika > Zmiana szerokości headeru