2017-01-21 2 views
0

私にはテーマがあり、サイドバーは決して適切に動作しません。ウィジェットや脇役は垂直に整列せず、水平になります。私はCSSでもサイドバーを変更してすべてをやった.phpと何も働いていない。参考のために私のサイドバーウィジェットはWordpressのverticleではありませんか?正しく整列させるには?

http://minecraftserverzz.com/youtube/hai/

これは、IVEがsidebar.phpに追加するもので、IVEは、主な問題は何ができるか確認するために、すべてのCSSをクリア。

<div id="sidebar" class="widgets-area"> 
<?php do_action('before_sidebar'); ?> 
    <?php if (! dynamic_sidebar('sidebar-primary')) : ?> 
     <aside id="search" class="widget widget_search"> 
      <?php get_search_form(); ?> 
     </aside> 
     <aside id="archives" class"widget"> 
      <h1 class="widget-title"><?php _e('Archives', 'shape'); ?></h1> 
      <ul> 
       <?php wp_get_archives(array('type' => 'monthly')); ?> 
      </ul> 
     </aside> 
     <aside id="meta" class="widget"> 
      <h1 class="widget-title"><?php _e('Meta', 'shape'); ?></h1> 
      <ul> 
       <?php wp_register(); ?> 
       <li><?php wp_loginout(); ?></li> 
       <?php wp_meta(); ?> 
      </ul> 
     </aside> 
    <?php endif; ?> 
</div> 
+0

#sidebarにあなたの質問を適用し、そこに関連するすべてのコードを貼り付け、そのレイアウトは縦にするために、私は本当にイライラなっていた、それは本当に助け、CTRL + M – mlegg

答えて

0

#sidebardisplay: flex;を持っており、デフォルトでは、フレックスのflex-directionrowです。それは物事を垂直にではなく水平に置くことを意味します。 flex-direction: column;編集

+0

はどうもありがとうございヒット。 – McDiamund

+0

@McDiamund np! fwiwでもフレックスボックスを使用する特別な理由がない限り、 '#sidebar'から' display:flex; 'を完全に削除することもできます。ブロック要素のデフォルトの振る舞いは1つを別のものの上に積み重ねることです。したがって、 '#sidebar'の' aside'はフレックスボックスなしで相互に重なり合っています。私はあなたのウェブサイトをチェックして、あなたは 'display:column;'(それは無効です)と 'position:absolute;'を使用しました。 –

+0

おっと、私の悪いです。私はちょうどそれを変更:)また、私も質問があります。どのように多くのコンテンツがフッタを押し下げていても、サイドバーがページの特定の長さを占めるようにするにはどうしますか?それはたくさんあるかもしれませんが、私はちょうどあなたのマークアップの方法ではできません – McDiamund

関連する問題