CSS Sayfayı Tamamen Nasıl Ortalayabilirim?

22-10-2020, 11:28:23

Ç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

DenqeSiz

center yap ana dive tamam

22-10-2020, 11:31:15

#3

fth

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

Misafir

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

ZyDn

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

LANCE

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

soxiety_

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

tolgaand

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}