Breite der Seitenleiste und Inhalt in Wordpress Produkte Seite ändern

Question

Hallo liebe Entwickler und Designer,
Ich habe ein Problem bei der Bearbeitung meiner WordPress Woocommerce-basierte Vorlage. Ich benutze das Woocommerce-Thema namens Neighborhood von ThemeForest auf meiner Website.

alles, was ich wissen will, ist, wie die Breite der Sidebar & Inhalt zu bearbeiten, (Shop-Artikel oder Post) das Thema ist in voller Breite und voll ansprechbar, so dass der Prozentsatz der zeigt, wäre toll, kein fester Pixel.

Prozentsatz von thor Verhältnis oder was auch immer zum Beispiel diese Seite meiner Website http://aryagostarafzar.com/shop/digital-painting-pack2
Sie siehe Kasten in der linken, die etwa 1/3of ganze Breite ist. i die Sidebar Prozentsatz diesen Code zu zeigen, indem sie ist CSS ändern könnte:

aber der Inhalt der kleineren Seitenleiste und den zusätzlichen Platz

.left-sidebar { 
    width:20%; 
} 

bleibt von Inhalt frei und kann nicht verwendet nicht automatisch passt noch Seitenleiste.

Bitte geben Sie mir einen kurzen CSS-Code, um beide zu setzen. danke

Answer 1

Sieht aus wie die Website eine alte Version des Bootstrap-Grid verwendet. Die Breite der Seitenleiste wird von der Klasse ".span4" auf dem Tag bestimmt. Sie müssten diese Spannungsklasse erhöhen oder verringern, um sie kleiner zu machen.

Dadurch wird auch die Körperbreite vergrößert oder verkleinert. Die Spannweiten müssen bis 12. dh span4 hinzufügen und span8

Sie können bereit, mehr auf sie hier: http://getbootstrap.com/2.3.2/scaffolding.html

Answer 2

Hier ist meine Bootstrap-Codes in styles.css finde ich nicht „.span4“ andere .span sind verfügbar, aber nicht prozentual definiert, wird durch pixel definiert, wie man sie bearbeitet mein freund

 
    * #Custom Bootstrap Classes 
    ==================================================   Support for columns width sidebars 
================================================== 
    .span-third { 
    width: 193px; 
    } 
    .span-twothirds { 
    width: 407px; 
    } 
    .span-bs-quarter { 
    width: 100px; 
    } 
    .span-bs-threequarter { 
    width: 340px; 
    } 

    @media only screen and (min-width: 1200px) { 
    .span-third { 
    width: 236px; 
    } 
    .span-twothirds { 
     width: 504px; 
    } 
    .span-bs-quarter { 
     width: 120px; 
    } 
    .span-bs-threequarter { 
     width: 420px; 
    } 
} 

@media only screen and (max-width: 979px) and (min-width: 768px) { 

    .span-third { 
     width: 145px; 
    } 
    .span-twothirds { 
     width: 310px; 
    } 

    .span-bs-quarter, .span-bs-threequarter { 
     width: 342px; 
    } 

} 

@media only screen and (max-width: 979px) { 

    .span-third { 
     width: 100%; 
    } 
    .span-twothirds { 
     width: 100%; 
    } 
    .span-bs-quarter { 
     width: 100%; 
    } 
    .span-bs-threequarter { 
    width: 100%; 
    }  

}