ディスプレイ：まだ占有していないスペースはありません

Question

私はディスプレイに問題があります。 CSSはまだページ上のスペースを占めています。ここで問題を見ることができます。

https://neueda-consulting.squarespace.com/news-blog

コンテンツを中心としなければならない - 左にオフシフトされません。 rightSidebarを他のページに表示する必要があるため、HTMLを物理的に削除することはできません。

ここで私が思いついたことはすべてあります。

#rightSidebar { 
display:none !important; 
width:0px !important; 
} 

aside{ 
    width:0px !important; 
    display:none !important; 
} 

article{ 
    display:bock; 
    width:100% !important; 
} 

Answer 1

シフトは、display: noneとは関係ありません。問題は、.collection-type-blog #contentに幅を指定したことです。削除または上書きすると、コンテンツが中央に表示されます。

Answer 2

あなたは#contentブロックcalc(100% - 255px)にcaclulated幅を持っています。ですから、#contentを中心に取得するmargin-leftを計算し、そのコンテンツブロックするには、以下のルールを追加する必要があります。リンクをクリックし、

.collection-type-blog #content{ 
    ... 
    margin-left: calc(255px/2); 
}