Margin Bottom işlemiyor

24-11-2015, 18:37:37

İnternetten bulduğum bir temayı(Somakliv1) kendi blogumda kullanmak için editliyorum ancak sidebardaki kategoriler ile son yazılar arasına bir türlü aralık veremedim. Ve ilk defa internetten öğrendiklerimle bir temayı editlemeye çalışıyorum.

Kodlar

Alıntı

.icerikler-sidebar{width:290px;height:auto;float:left;positio n:relative;margin-top:35px;left:15px;background:#fff;}
.icerikler-sidebar .widgettitle{background:#fff url(static/images/klasor.png) no-repeat 4px -422px;width:263px;height:34px;font-size:18px;color:#ff9600;padding-left:27px;padding-top:11px;font-weight:normal;}
.icerikler-sidebar .widget{width:275px;height:auto;float:left;margin-bottom:15px;}
.icerikler-sidebar .widget ul{padding-top:6px;}
.icerikler-sidebar .widget ul li{width:265px;height:26px;float:left;line-height:24px;padding-left:20px;background:url(static/images/klasor.png) no-repeat 0 -289px;overflow:hidden;font-size:14px;}
.icerikler-sidebar .widget ul li a{color:#39393F;}
.icerikler-sidebar .widget ul li a:hover{color:#FF9600;}

24-11-2015, 20:53:39

#2

~Aykut

margin-bottom: 50px !important;

şeklinde ekleyin

24-11-2015, 21:02:56

#3

brown

Developer

.icerikler-sidebar .widget:first-child{
	margin-bottom:40px !important;
}

24-11-2015, 23:21:56

#4

Kazama

~Aykut adlı üyeden alıntı: mesajı görüntüle

margin-bottom: 50px !important;

şeklinde ekleyin

brown adlı üyeden alıntı: mesajı görüntüle

.icerikler-sidebar .widget:first-child{
	margin-bottom:40px !important;
}

İki şekilde de denedim ancak değişen birşey olmadı.

25-11-2015, 00:47:37

#5

brown

Developer

sitenizin linkini atar misiniz?

--R10.NET; Flood Engellendi -->-> Yeni yazılan 25-11-2015 mesaj 00:47:37 -->-> Daha önceki 24-11-2015 mesaj 23:22:42 --

Sadece ilk kolon arasında boşluk istiyorsanız aşağıdaki classları yazdığım şekilde güncelleyin;

.icerikler-sidebar .widget {
    width: 290px;
    height: auto;
    float: left;
    margin-bottom: 57px;
    background: #F8F8F7;
	padding-bottom: 10px;
}
.icerikler-sidebar {
    width: 290px;
    height: auto;
    float: left;
    position: relative;
    margin-top: 35px;
    left: 15px;
}
.icerikler-sidebar ul li:first-child{
	margin-bottom:30px;
}

Tüm kolonlarda boşluk olsun istiyorsanız;

.icerikler-sidebar .widget {
    width: 290px;
    height: auto;
    float: left;
    margin-bottom: 57px;
    background: #F8F8F7;
	padding-bottom: 10px;
}
.icerikler-sidebar {
    width: 290px;
    height: auto;
    float: left;
    position: relative;
    margin-top: 35px;
    left: 15px;
}
.icerikler-sidebar ul li{
	margin-bottom:30px;
}

25-11-2015, 00:57:29

#6

Kazama

brown adlı üyeden alıntı: mesajı görüntüle

sitenizin linkini atar misiniz?

--R10.NET; Flood Engellendi -->-> Yeni yazılan 25-11-2015 mesaj 00:47:37 -->-> Daha önceki 24-11-2015 mesaj 23:22:42 --

Sadece ilk kolon arasında boşluk istiyorsanız aşağıdaki classları yazdığım şekilde güncelleyin;

.icerikler-sidebar .widget {
    width: 290px;
    height: auto;
    float: left;
    margin-bottom: 57px;
    background: #F8F8F7;
	padding-bottom: 10px;
}
.icerikler-sidebar {
    width: 290px;
    height: auto;
    float: left;
    position: relative;
    margin-top: 35px;
    left: 15px;
}
.icerikler-sidebar ul li:first-child{
	margin-bottom:30px;
}

Tüm kolonlarda boşluk olsun istiyorsanız;

.icerikler-sidebar .widget {
    width: 290px;
    height: auto;
    float: left;
    margin-bottom: 57px;
    background: #F8F8F7;
	padding-bottom: 10px;
}
.icerikler-sidebar {
    width: 290px;
    height: auto;
    float: left;
    position: relative;
    margin-top: 35px;
    left: 15px;
}
.icerikler-sidebar ul li{
	margin-bottom:30px;
}

Teşekkür ederim yardımınız için.