Malesef oradan denedim ama olmadı . default temada Header üst menü ve footer geniş kısmı daraltamadım
Genişlikten kastınızı sanırım ben yanlış anlamış olabilirim.. Siz header ve footer alanını boxed yapmak istiyorsunuz anladığım kadarı ile...
Bunun için doğru yaklaşım tüm sayfayı saracak olan bir div yapısına almak daha doğru olacaktır. Ancak daha fazla işlem gerektirebilir. Dikkat ederseniz her geniş alanın altında ...-inner değerleri vardır. Bunlar sayfanın genişlik değerlerini belirler.
Örneğin aşağıdaki resme bakabilirsiniz
Gördüğünüz gibi
p-header-inner
değeri header alanında yer alan içeriklerin genişlik değerlerini belirlemektedir. Bu yapıları navigation ve footer için de görebilirsiniz. Ancak aşağıdaki kodu basit bir şekilde test edebilirsiniz.
extra.less dosyanıza şu şekilde ekleyiniz.
Burada
max-width: alanı için verilmiş olan değer sizin temanızın sayfa genişlik değerine göre şekillenecektir. Bilerek normal max-width değerinin altında bir değer belirledim. Bu sayfanın sağından solundan 10px bir çıkıntının önüne geçmek için belirlenmiştir. Yöntem olarak en basit hali ile bu şekilde uygulayabilirsiniz.
Umarım işinizi görecektir.