• 22-10-2020, 11:28:23
    #1
    Çok uğraşmama rağmen wordpress sitemi css ile tam ortalayamadım.

    Yardımcı olabilir misiniz?


    Sayfa: http://aktifgrupsavunma.com.tr/urun/anons-sistemleri/

    Görüntü:

  • 22-10-2020, 11:29:35
    #2
    center yap ana dive tamam
  • 22-10-2020, 11:31:15
    #3
    column-main class'ını single-service col-12 col-xs-12 col-lg-12 col-xl-12 column-main şeklinde revize edin.
  • 22-10-2020, 11:32:07
    #4
    div{
    display: flex;
    justify-content: center // bu yatay;
    align-items: center // bu dikey
    }

    yukarıda ki bir element içinde ki tüm elementleri ortalar tüm elementleri bir kapsama divine alırsanız o div ortalanır.
  • 22-10-2020, 11:36:55
    #5
    DenqeSiz adlı üyeden alıntı: mesajı görüntüle
    center yap ana dive tamam
    fth adlı üyeden alıntı: mesajı görüntüle
    column-main class'ını single-service col-12 col-xs-12 col-lg-12 col-xl-12 column-main şeklinde revize edin.
    Misafir adlı üyeden alıntı: mesajı görüntüle
    div{
    display: flex;
    justify-content: center // bu yatay;
    align-items: center // bu dikey
    }

    yukarıda ki bir element içinde ki tüm elementleri ortalar tüm elementleri bir kapsama divine alırsanız o div ortalanır.
    malesef olmadı, sayfa asla ortalanmıyor
    !important da yaptım yok
  • 22-10-2020, 11:38:51
    #6
    Bul;
    <div id="content" class="single-service col-12 col-xs-12 col-lg-8 col-xl-9 column-main">
    Değiştir;
    <div id="content" class="single-service col-12 col-xs-12 col-lg-12 col-xl-12 column-main">
  • 22-10-2020, 11:39:26
    #7
    fth adlı üyeden alıntı: mesajı görüntüle
    column-main class'ını single-service col-12 col-xs-12 col-lg-12 col-xl-12 column-main şeklinde revize edin.
    bu şekilde ortalanması lazım. siz yanlış yapıyor olabilirsiniz. kontrol edermisiniz.
  • 22-10-2020, 11:40:06
    #8
    contentte ki tüm colları sil. sadece col-12 kalsın.
    col-12 zaten kendinden sonra gelen tüm ekranlar için ortalar.
    yani şu şekilde;
    <div id="content" class="single-service col-12 column-main">..</div>
    veya
    #content{flex:100% !important}