[ASK] HELP...plugin untuk mengatur alignment gambar

Halo teman-teman semua & para master-master juga..

jadi gini ceritanya, setelah 4 tahun hosting di blogspot & custom domain akhirnya kemarin saya memutuskan untuk migrasi ke wordpress..

sekarang lagi belajar-blajar aja pake wordpress *masih cupu saya

saya punya masalah mengenai image alignment (left,center, right)

masalahnya:

- di blog, saya punya lebih dari 3000 post, dan pada setiap post ada gambar yang diposisikan di tengah

- namun setelah import semua post ke wordpress kenapa semua gambar malah berada di kiri?

pertanyaan:

- adakah plugin yang bisa memindahkan alignment gambar dari kiri ke tengah?

- bila tidak ada apakah ada solusi untuk memindahkan alignment gambar ke tengah posting selain edit secara manual (3000 post)

saya sudah ubek2 ads-id forum tercinta kita sama tanya2 google tapi ga ada solusi,

sekiranya teman-teman di sini ada yang punya masalah yang sama dan sudah punya solusi untuk permasalahan di atas,
mohon maaf kalau bahasanya ga enak dibaca..

saya ucapkan terima kasih bagi siapa saja yang punya masukan dan saran

 

wah ini klo di set manual bisa2 keriting tuh jari ..

cara ini mesti lewat SQL query di databese.. cara ini memang tidak di anjurkan
mungkin di bawah ane bisa bantu gan ..

 

ternyata emang harus cara manual ya master??

soalnya ga ada yang suggest buat solusinya..

 

edit style css image di post nya di centerin Om

ato di fluid kan, responsive image
saya lupa contekannya :'( maapkeun

 

itu yg mau dirubah semua gambar apa selektif?

kalo semua ya gampangnya pake CSS aja kaya kata rindek

Code:

.post-content img {
    display: block;
    margin: 0 auto; /* margin atas bawah silahkan disesuaiin sendiri */
    }
.post-content img.wp-smiley { /* buat reset rule diatas khusus untuk smileys */
    display: inline;
    margin: 0;
    }

class "post-content" disesuaiin sama markup content dari theme agan, kita target class ini biar rules diatas berlaku cuma buat gambar yg didalem postingan aja, jadi gambar di header, sidebar, dsb. ngga kepengaruh

 

wah ahirnya ada master yang mau share

saya hanya ingin gambarnya saja yang dibuat center

saya sudah search di css stylesheet dengan "post-content", "post", "content", tapi sama sekali tidak ada kode yang dimaksud *apa saya yang salah ya, maklum msh cupu pake wordpress


FYI: saya pake themes gratisan buatan mantra

terima kasih atas sugestinya

 

Code:

/* =Images
-------------------------------------------------------------- */


#content img {
	margin: 0;
	height: auto;
	max-width:100%;
}


#content img:hover {
	
}


#content p {
	font-size:15px;
	line-height:1.7em;
}


#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
	margin-bottom: 12px;
}
#content .wp-caption {
	background:url(images/pins/Pin2.png) no-repeat center 1px  #F9F9F9;
	border: 1px solid #DDD;
	box-shadow: 2px 2px 3px #888;
	 -moz-box-shadow: 2px 2px 3px #888;
 	 -webkit-box-shadow: 2px 2px 3px #888;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	line-height: 18px;
	margin-bottom: 20px;
	padding: 4px;
	padding-top:22px;
	text-align: center;
	max-width:810px;
	color: #333;
}
#content .wp-caption img {
	margin: 5px 5px 0;
	border:none !important;
	padding:0px;
    box-shadow: none !important;
	-moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;


}
#content .wp-caption p.wp-caption-text {
	font-size: 12px;
	margin: 5px;
	text-align:center;
	text-indent:0px;
}
#content .wp-smiley {
	margin: 0;
    -moz-box-shadow: none !important;
	-webkit-box-shadow: none !important ;
	box-shadow: none !important;
    background: none !important;
    border: 0 !important;
    vertical-align: middle;
}
#content .gallery {
	margin: 0 auto 18px;
}
#content .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
#content .gallery img {
	border: 2px solid #cfcfcf;
}
#content .gallery .gallery-caption {
	color: #666;
	font-size: 12px;
	margin: 0 0 12px;
}
#content .gallery dl {
	margin: 0;
}
#content .gallery img {
	border: 10px solid #f1f1f1;
}
#content .gallery br+br {
	display: none;
}
#content .attachment img { /* single attachment images should be centered */
	display: block;
	margin: 0 auto;
	max-width:96%;
}

mungkin ini kira-kira ya yang jadi masalah?

tapi saya bener2 ga tau kira2 yang mana yang harus di edit, saya baru banget nih pake CSS wordpress

mohon klo berkenan saya diberitahu

terima kasih

 

coba tambahin yg merah ini ke CSS agan

Code:

#content img {
    [COLOR=#ff0000]display: block;[/COLOR]
    margin: 0 [COLOR=#ff0000]auto[/COLOR];
    height: auto;
    max-width:100%;
}

 

berhasil gan...

btw makasih buat sarannya

makasih buat agan sianipar buat solusinya,

problem solved