2016-11-01 17 views
0

私のフッター領域には、現在3 colummnsで3つのウィジェットを持っています。 4つ目のウィジェットを追加すると、ウィジェットは2行になり、各行に2つの列が表示されます。私はちょうどフッター領域をしたいのですがフッター領域にウィジェットの4番目の列を追加する

はすべて1行で、ウィジェットの4列があります。

私はのfunctions.php領域にこのコードを発見し、私はコードを調整するかどうかはわかりません。どうもありがとう。

デフォルトのウィジェットと

登録ウィジェット形式の領域と更新のサイドバー
最初のウィジェットが必要とされていませんが、デフォルトのウィジェットはここ..ですので :(
私はオプションを更新した場合、スイッチングテーマは になりますがカスタマイズの損失。
このソリューションは非常にエレガントではありません。

function emerald_e_widgets_init() { 
    register_sidebar(array(
     'name'   => __('Footer', 'emerald_e'), 
     'id'   => 'footer', 
     'before_widget' => '<div id="%1$s" class="widget %2$s">', 
     'after_widget' => '</div>', 
     'before_title' => '<h3>', 
     'after_title' => '</h3>', 
    )); 
} 
add_action('widgets_init', 'emerald_e_widgets_init'); 
+0

あなたはCSSを編集する必要があります。フッターウィジェットはおそらく広すぎるため、新しい行に改行されます。サイトのURLは何ですか? – bezierer

+0

ありがとうございました。 http://emeraldevents.caです。 – bananagram

答えて

0

あなたのCSSファイルに配置、次のコードは、4列GRを達成する必要がありますあなたが探しているID。通常は%widthsを使用したいと思いますが、あなたのテーマはどこからでもpxを使用しているようです。

.fb_iframe_widget span { 
    max-width: 210px; 
} 

#tertiary .widget { 
    width: 210px; 
} 
+0

こんにちは。 CSSファイル内のどこにでもそのコードを追加する必要がありますか?私はファイルの最後の}の直前に追加しようとしましたが、それは違いを生み出すようには見えませんでした。 4つ目のウィジェットを追加すると、まだ2つの行に分かれています。 – bananagram

+0

私も試したが、他の全ての#tertiaryのコードがあるが、それは同じ結果を持っていたCSSコードのサイドバーのセクションにこれを追加しました。 は、私はまた、wordpressのダッシュボードのウィジェットエリアのFBウィジェットの幅を変更しようとしたが、それは292px幅に戻っ不履行続けます。 – bananagram

関連する問題