Yeni Temada, Eski Yazıdaki Resimlerin Yerleşim Sorunu

Merhaba arkadaşlar.

Bu sabah yeni temayla ilgili yaşadığım bazı sorunlardan bahsetmiştim. Hepsini çözdüm fakat biri kaldı :) Konunun linki

Önceki yazılarımda yazı içerisindeki resimlerin bazılarını ortalamıştım, bazılarını sola veya sağa yaslamıştım.. Ama şu an bu özelliklerin hiçbiri çalışmıyor.. Resimler solda ve yazılar resmin altından başlıyor.. Nasıl düzeltebilirim?

Aşağıda verdiğim Wordpress CSS Codex'teki kodları denedim, resimlere atanmış classlara kendim değer vermeye çalıştım, tek tek elle düzelteyim dedim yine de resimleri ortalayamadım...

Eminim bu sorunu daha önce yaşamış birileri vardır. Yardımlarınızı bekliyorum.

site: fitnessegitmeni.com

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}

.alignright {
float:right;
margin: 5px 0 20px 20px;
}

.alignleft {
float: left;
margin: 5px 20px 20px 0;
}

a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}

a img.alignnone {
margin: 5px 20px 20px 0;
}

a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}

a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; /* Image does not overflow the content area */
padding: 5px 3px 10px;
text-align: center;
}

.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
margin: 5px 0 20px 20px;
}

.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
white-space: nowrap;
height: 1px;
width: 1px;
overflow: hidden;
}

.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}

Hangi sayfada hangi resimden bahsediyorsunuz biraz daha açıklayıcı yazarsanız yardımcı olmaya çalışırım.

Resimleri ortalamak için örneğin;

article a .aligncenter {
margin: 0 auto;
display: block;
}

İlginiz için teşekkür ederim.

Herhangi bir yazıya tıkladığınız zaman; en üstteki büyük önizleme resmi değil de; yazı içerisindeki küçük tüm resimler için bu geçerli.. Şu an her yazı için tek tek elle düzenleyebiliyorum ama bununla uğraşmak istemiyorum.. Direkt style dosyasına nasıl bir kod eklemeliyim ne yapmalıyım bilemedim.. Ortalamaya çalıştığım resimlere atanmış görünen 3 class var mesela; aligncenter, size-full ve wp-image-1545.. Bu 3'üne de margin: 0 auto; display:block; eklememe rağmen ortalanmıyor. Benzer sorun yazı içinde sağa veya sola yasladığım resimler için de geçerli..

Örnek Link

Bu linkte siyah, tekerlek ve ağırlık kaldıran karikatürlerin olduğu resim normalde ortalıydı.. Temayı değiştirince sola yaslanmış görünüyor.

Alttaki pembeli kadın resmi de sola yaslanmış durumdaydı.. Yazılar resmin sağına yerleşiyordu..

En kötü ihtimalle tüm yazılar için tek tek elle düzenleme yapıcam maalesef :(

Deniyorum ama olmuyor maalesef :(

Normalde bir şey eklemeden olması lazım. Temada bir şeyleri yanlış yapmış olmalılar. Tema dosyalarını bana ulaştırırsan inceleyip dönüş yaparım.