کدهای و توابع وردپرسمتخصص وردپرس

حل مشکل وسط چین نشدن تصاویر و سایر المنت ها در وردپرس

حل مشکل وسط چین نشدن تصاویر و سایر المنت ها در وردپرس

با عرض سلام و خسته نباشید خدمت تمام کاربران عزیز میز وردپرس

همه ما در طراحی وب و طراحی قالب وردپرس مشکل هایی داریم. یکی از این مشکلات این هستش که بتونیم مواردمختلف را در طراحی وب و قالب وردچرس وسط چین یا راست چین و یا چپ چین کنیم.برای این کار باید از موارد مختلفی استفاده کنیم.گاهی اوقات شده که شما در بخش نوشته های وردپرس یک عکس را وسط چین یا… قرار داده ایم ولی در ان مکان مد نظر ما نمایش داده نمیشود.برای این که این موارد در وردپرس کار بکنید باید کد زیر را در داخل فایل استایل قالب وردپرس خودتون قرار دهید.

.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignleft {float:left; } .alignright {float:right; }
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}

اما گاهی اوقات نیز این مشکل وجود دارد که بخواهیم در طراحی وب یک المنت را وسط چین کنیم.برای این کار باید به class یا id را این استایل را بدهیم.

.class or #id {
float:none; 
display:block;
margin: 0 auto; 
}

اما در نهایت بعد ازهمه این موارد اگر به نتیجه نرسیدید باید از یکی از تگ ها و استایل های مهم در سی اس اس استفاده کنید و موارد مختلف را وسط چین کنید.

text-align: center;

موفق باشید

به این نوشته امتیاز بدهید

5 / 5. 1

قالب فروشگاهی زنبیل | قالب وردپرس ووکامرس
بیشتر بخوانید

saeedjoshani

متخصص وردپرس و و طراح قالب وردپرس با تمام وجود مشغول ساخت آموزش های کار با وردپرس و کدنویسی و طراحی قالب وردپرس میباشم.

نوشته های مشابه

‫3 دیدگاه ها

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

همچنین ببینید
بستن
دکمه بازگشت به بالا