حالت موضوعی | حالت خطی

**انیمیشن**

سلام.وقت بخیر.
ببخشید یک افزونه در زیر مطالب ما بعنوان نمایش دهنده مطالب مرتبط درج شده که متن اون به بالای کادر اون چسبیده و در واقع میخوایم در وسط قرار بگیره .....در زیر لینک یکی از مطالب رو قرار دادم که بررسی بفرمایید ..(زیر پروفایل نویسندگان 3 تا مطلب رونشون میده)...ممنون میشم بفرمایید چطور اصلاحش کنیم و اینکه آیا این افزونه باعث سنگینی و تداخل نیست؟ اگر هست تا حذفش کنیم.افزونه Content Releated Article هست.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

**hamzeh12hh**

سلام
نمیشه ب صورت کلی مشخص کرد ک چ افزونه ای دارای تداخل است و چ افزونه ای خیر...
بعضی افزونه ها با بعضی دیگه تداخل دارند ک وقتی نصب کنید ب هم ریختگی پیش میاد و خودتون متوجه می شید...
تراز کردن و جمع و جور کردن محتوا هم مربوط ب کدنویسی سی اس اس میشه ک فکر میکنم هر طراحی باید تا میزانی سی اس اس بلد باشه...
برای اینکه متن مورد نظرتون نسبت ب کادری ک دورش قرار داره پایینتر قرار بگیره میتونید از صفات margin و padding استفاده کنید.
margin فاصله خارجی را مشخص میکند مثلا اینکه اشیایی ک بیرون کادر قرار دارن از ان چ فاصله ای داشته باشند...
padding فاصله داخلی را مشخص میکند مثلا اینکه اشیای داخلی کادر از لبه های ان چ فاصله ای داشته باشند...
بنابراین میتونید ب کادر دور padding بدید یا ب متن margin ...
البته اگه فاصله از سمت خاصی هم مد نظر باشه صفاتی وجود داره مثلا padding-top برای فاصله داخلی از بالا...
برای اینکه بفهمید صفت مربوطه در چ استایلی و در کجا اعمال شود از مرورگر استفاده کنید ب عنوان مثال در مرورگر کروم با کلیک راست روی قسمت مربوطه و انتخاب گزینه inspect کادری باز میشه ک میتونید از اون محل های مورد نظرتون را پیدا کنید یا حتی مقادیر مد نظر خود را تست کنید و بعد نتیجه مد نظرتون را در کدهای سی اس اس قالبتون اعمال کنید...

**انیمیشن**

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

**hamzeh12hh**

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

حالا کافیه کد padding-top: 10px; با هر مقداری ک دوست دارید ب صفات موجود اضافه کنید.

**hamzeh12hh**

البته این هم بگم اگه نسخه خام افزونه رو ویرایش کنید و نسخه ویرایش شده رو نصب کنید مشکلی پیش نمیاد فقط تغییرات جدید اعمال خواهد شد...
من خودم معمولا افزونه هامو تو notepad++ ویرایش میکنم بعد دوباره نصب میکنم!

**انیمیشن**

دوستان میشه بگید چه تغییری در css بدم که مشکل حل بشه؟

**Pourdaryaei**

دقیقا ً میخاید چیکار کنید این باکس رو ؟؟

یه کلاس توی فایل style.css به نام textdiv اضاف کنید و هرچیزی که لازم دارین بهش بدین

مثلا اینطوری

کد: (انتخاب همه)

.textdiv {

padding: 10px;

}

ولی بنظرم بهتره خود افزونه رو درست راست چین کنید بهتره ، مثلا ً عکسش باید بیاد اینور ؛ یا یکسری فضاهای خالی پر بشه و این چیزا ...
دوست داشتید افزونه رو بگذارید تا بهتر بشه بررسیش کرد

**انیمیشن**

ممنون.......منظورتون style.css کدوم فایله؟؟ تو کدوم مسیر یعنی؟

**Pourdaryaei**

معذرت میخام ، از رو عادت نوشتم استایل ، توی فایل template.css
مسیر زیر
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

**انیمیشن**

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