# بیرون زدگی عکس ها

**URL:** <https://forums.7ho.st/t/%D8%A8%DB%8C%D8%B1%D9%88%D9%86-%D8%B2%D8%AF%DA%AF%DB%8C-%D8%B9%DA%A9%D8%B3-%D9%87%D8%A7/5870>\
**Category:** وردپرس\
**Tags:** php, قالب\
**Created:** [ژانویه 12، 2021، 9:05ق.ظ UTC](https://forums.7ho.st/t/%D8%A8%DB%8C%D8%B1%D9%88%D9%86-%D8%B2%D8%AF%DA%AF%DB%8C-%D8%B9%DA%A9%D8%B3-%D9%87%D8%A7/5870 "2021-01-12T09:05:08Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![soheil\_qanbari](https://forums.7ho.st/user_avatar/forums.7ho.st/soheil_qanbari/32/6160_2.png) [@soheil\_qanbari](https://forums.7ho.st/u/soheil_qanbari)\
**Post date:** [ژانویه 12، 2021، 9:05ق.ظ UTC](https://forums.7ho.st/t/%D8%A8%DB%8C%D8%B1%D9%88%D9%86-%D8%B2%D8%AF%DA%AF%DB%8C-%D8%B9%DA%A9%D8%B3-%D9%87%D8%A7/5870/1 "2021-01-12T09:05:08Z")

</div>

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

`https://accountplanet.ir/shop/`  
لینک بخشش که تو حالت کامپیوتر محصولات رو بد نشون میده.

تصویرم نگاه کنید لطفا هرکسی میتونه انجام بده ممنون میشم پیام بده یا پیوی بگه.

 ![بیرون زدگی](https://forums.7ho.st/uploads/default/original/2X/f/fe6ca27e3fbad03ea78575e2dfe0340231bcc125.jpeg)

---

<div class="post-metadata">

**Author:** ![ali\_rointan](https://forums.7ho.st/user_avatar/forums.7ho.st/ali_rointan/32/5595_2.png) [@ali\_rointan](https://forums.7ho.st/u/ali_rointan)\
**Post date:** [ژانویه 12، 2021، 10:00ق.ظ UTC](https://forums.7ho.st/t/%D8%A8%DB%8C%D8%B1%D9%88%D9%86-%D8%B2%D8%AF%DA%AF%DB%8C-%D8%B9%DA%A9%D8%B3-%D9%87%D8%A7/5870/2 "2021-01-12T10:00:25Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Ershad](https://forums.7ho.st/user_avatar/forums.7ho.st/ershad/32/5667_2.png) [@Ershad](https://forums.7ho.st/u/Ershad)\
**Post date:** [ژانویه 12، 2021، 11:12ق.ظ UTC](https://forums.7ho.st/t/%D8%A8%DB%8C%D8%B1%D9%88%D9%86-%D8%B2%D8%AF%DA%AF%DB%8C-%D8%B9%DA%A9%D8%B3-%D9%87%D8%A7/5870/3 "2021-01-12T11:12:17Z")

</div>

سلام این عکسا مربعی برش میخورن پس یا باید عکس اصلیت رو تو سایز مربع تو سایتت اپلود کنی که اینجا که 150 در 150 میشه مشکل برنخوره یا اینارو یه سایز سفارشی بزنی اگه که با المنتور کار میکنی.

---

<div class="post-metadata">

**Author:** ![ali\_rointan](https://forums.7ho.st/user_avatar/forums.7ho.st/ali_rointan/32/5595_2.png) [@ali\_rointan](https://forums.7ho.st/u/ali_rointan)\
**Post date:** [ژانویه 12، 2021، 11:32ق.ظ UTC](https://forums.7ho.st/t/%D8%A8%DB%8C%D8%B1%D9%88%D9%86-%D8%B2%D8%AF%DA%AF%DB%8C-%D8%B9%DA%A9%D8%B3-%D9%87%D8%A7/5870/4 "2021-01-12T11:32:59Z")

</div>

سلام  
میدونی مشکلش از عکس محصول یا سایز عکس نیستش  
این حالت برای قالبش هست  
یعنی پیشفرض قالبش اینطوریه که یه فاصله داشته باشه از سمت چپ

---

<div class="post-metadata">

**Author:** ![soheil\_qanbari](https://forums.7ho.st/user_avatar/forums.7ho.st/soheil_qanbari/32/6160_2.png) [@soheil\_qanbari](https://forums.7ho.st/u/soheil_qanbari)\
**Post date:** [ژانویه 12، 2021، 1:28ب.ظ UTC](https://forums.7ho.st/t/%D8%A8%DB%8C%D8%B1%D9%88%D9%86-%D8%B2%D8%AF%DA%AF%DB%8C-%D8%B9%DA%A9%D8%B3-%D9%87%D8%A7/5870/5 "2021-01-12T13:28:25Z")

</div>

آؤه منتهی من طراحم سایت با پشتیبان قالب صحبت کردم ولی خبری نشده ازش چندین روز ولی تو حالت گوشی درسته اما تو سیستم نه اونطوری بنظر من قشنگ مدل داره ولی صاحب کار راضی نیست واینکه برای من صفحه پیش نمایش قالب نمیاره برای شما لود میشه رفتید برسی کردید؟  
چچون من برای من قبلا میاورد ولی امروز صبح هرکار کردم صفحه پیش نمایش قالبشو هم نیاورد

---

<div class="post-metadata">

**Author:** ![soheil\_qanbari](https://forums.7ho.st/user_avatar/forums.7ho.st/soheil_qanbari/32/6160_2.png) [@soheil\_qanbari](https://forums.7ho.st/u/soheil_qanbari)\
**Post date:** [ژانویه 12، 2021، 1:29ب.ظ UTC](https://forums.7ho.st/t/%D8%A8%DB%8C%D8%B1%D9%88%D9%86-%D8%B2%D8%AF%DA%AF%DB%8C-%D8%B9%DA%A9%D8%B3-%D9%87%D8%A7/5870/6 "2021-01-12T13:29:31Z")

</div>

مربعیش دوست من @Ershad ربطی نداره با فتوشاپ و خود وردپرس مقیاس تقییر دادم ولی تو حالت سیستم کلا یکم بیرون زدگی داره و مدل نمی پذیره صاحبش میگه با طراح هماهنگ شو اون بزار داخل کادر 😑

---

<div class="post-metadata">

**Author:** ![soheil\_qanbari](https://forums.7ho.st/user_avatar/forums.7ho.st/soheil_qanbari/32/6160_2.png) [@soheil\_qanbari](https://forums.7ho.st/u/soheil_qanbari)\
**Post date:** [ژانویه 12، 2021، 1:30ب.ظ UTC](https://forums.7ho.st/t/%D8%A8%DB%8C%D8%B1%D9%88%D9%86-%D8%B2%D8%AF%DA%AF%DB%8C-%D8%B9%DA%A9%D8%B3-%D9%87%D8%A7/5870/7 "2021-01-12T13:30:37Z")

</div>

سلام اره خودم میدونم ولی صاحب کار میگه این قالب یارو این مشکل داره منم فایل کدش نمیدونم کجاست ک برم css یا js ادیت کنم و ابعاد درست کنم و پشتیبان قالبم یکم ضعیف ولی موندم توش که یکی بیاد کمک کنه اینو درست کنیم.

---

<div class="post-metadata">

**Author:** ![Rahim](https://forums.7ho.st/user_avatar/forums.7ho.st/rahim/32/7626_2.png) [@Rahim](https://forums.7ho.st/u/Rahim)\
**Post date:** [ژانویه 12، 2021، 3:46ب.ظ UTC](https://forums.7ho.st/t/%D8%A8%DB%8C%D8%B1%D9%88%D9%86-%D8%B2%D8%AF%DA%AF%DB%8C-%D8%B9%DA%A9%D8%B3-%D9%87%D8%A7/5870/8 "2021-01-12T15:46:02Z")

</div>

سلام

این کد CSS رو اضافه کنید و کش رو خالی کنید:

```
.product-type2 .img img {
    margin-right: -10px !important;
}
@media (max-width: 700px)
.product-type2 .img img {
    margin-right: 0 !important;
}

```

---

<div class="post-metadata">

**Author:** ![soheil\_qanbari](https://forums.7ho.st/user_avatar/forums.7ho.st/soheil_qanbari/32/6160_2.png) [@soheil\_qanbari](https://forums.7ho.st/u/soheil_qanbari)\
**Post date:** [ژانویه 12، 2021، 7:24ب.ظ UTC](https://forums.7ho.st/t/%D8%A8%DB%8C%D8%B1%D9%88%D9%86-%D8%B2%D8%AF%DA%AF%DB%8C-%D8%B9%DA%A9%D8%B3-%D9%87%D8%A7/5870/9 "2021-01-12T19:24:50Z")

</div>

سلام تو کدوم فایل و کجا اضافه کنم یعنی کدوم مسیر

---

<div class="post-metadata">

**Author:** ![Rahim](https://forums.7ho.st/user_avatar/forums.7ho.st/rahim/32/7626_2.png) [@Rahim](https://forums.7ho.st/u/Rahim)\
**Post date:** [ژانویه 12، 2021، 8:12ب.ظ UTC](https://forums.7ho.st/t/%D8%A8%DB%8C%D8%B1%D9%88%D9%86-%D8%B2%D8%AF%DA%AF%DB%8C-%D8%B9%DA%A9%D8%B3-%D9%87%D8%A7/5870/10 "2021-01-12T20:12:56Z")

</div>

سلام

اگر از child-theme استفاده میکنید، این کدهارو به فایل style.css چایلد-تم اضافه کنید، در غیر این صورت به فایل style.css قالبتون اضافه کنید، اما در نظر داشته باشید که در این روش، با بروزرسانی قالب، این کد از بین خواهد رفت.

میتونید از این پلاگین هم استفاده کنید:

[https://wordpress.org/plugins/simple-custom-css/](https://wordpress.org/plugins/simple-custom-css/)

---

<div class="post-metadata">

**Author:** ![Rahim](https://forums.7ho.st/user_avatar/forums.7ho.st/rahim/32/7626_2.png) [@Rahim](https://forums.7ho.st/u/Rahim)\
**Post date:** [ژانویه 13، 2021، 9:40ق.ظ UTC](https://forums.7ho.st/t/%D8%A8%DB%8C%D8%B1%D9%88%D9%86-%D8%B2%D8%AF%DA%AF%DB%8C-%D8%B9%DA%A9%D8%B3-%D9%87%D8%A7/5870/11 "2021-01-13T09:40:57Z")

</div>

@soheil_qanbari  
در پاسخ به **پیام خصوصی** شما:

غیر از موارد بالا، 2راهکار ساده تر دیگه هم دارید:

- برخی قالب ها، در تنظیماتشون، بخش CSS سفارشی دارند، میتونید کدی که بالاتر ارائه کردم براتون، اونجا اضافه کنید و پس از ذخیره، کش رو خالی کنید.
- در داشبورد وردپرس، به این مسیر برید: **نمایش، سفارشی سازی، CSS اضافی** و کد رو اونجا قرار بدید و کش رو خالی کنید. (در صورت عدم وجود راهکار اول)

**دقت کنید** برای موارد اینچنینی، **هرگز** دسترسی سی پنل و ادمین وردپرس رو در اختیار شخصی قرار ندید.

---

<div class="post-metadata">

**Author:** ![soheil\_qanbari](https://forums.7ho.st/user_avatar/forums.7ho.st/soheil_qanbari/32/6160_2.png) [@soheil\_qanbari](https://forums.7ho.st/u/soheil_qanbari)\
**Post date:** [ژانویه 13، 2021، 11:56ق.ظ UTC](https://forums.7ho.st/t/%D8%A8%DB%8C%D8%B1%D9%88%D9%86-%D8%B2%D8%AF%DA%AF%DB%8C-%D8%B9%DA%A9%D8%B3-%D9%87%D8%A7/5870/12 "2021-01-13T11:56:12Z")

</div>

اقا مشکل حل شد تشکر دستتون درد نکنه فکر نمیکردم ازین بخش css عمل کنه چون هرچقدر زدم نشد ولی الان درست شده تشکر مرسی.

---

<div class="post-metadata">

**Author:** ![soheil\_qanbari](https://forums.7ho.st/user_avatar/forums.7ho.st/soheil_qanbari/32/6160_2.png) [@soheil\_qanbari](https://forums.7ho.st/u/soheil_qanbari)\
**Post date:** [ژانویه 13، 2021، 11:59ق.ظ UTC](https://forums.7ho.st/t/%D8%A8%DB%8C%D8%B1%D9%88%D9%86-%D8%B2%D8%AF%DA%AF%DB%8C-%D8%B9%DA%A9%D8%B3-%D9%87%D8%A7/5870/13 "2021-01-13T11:59:50Z")

</div>

فقط یه نوار پشتشم هست نمیشه اون رو هم عقب برد و این بیشتر -10 انجام بدم تو ممنون میشم راهنماییم کنید اینم انجام بدم.

---

<div class="post-metadata">

**Author:** ![Rahim](https://forums.7ho.st/user_avatar/forums.7ho.st/rahim/32/7626_2.png) [@Rahim](https://forums.7ho.st/u/Rahim)\
**Post date:** [ژانویه 13، 2021، 12:06ب.ظ UTC](https://forums.7ho.st/t/%D8%A8%DB%8C%D8%B1%D9%88%D9%86-%D8%B2%D8%AF%DA%AF%DB%8C-%D8%B9%DA%A9%D8%B3-%D9%87%D8%A7/5870/14 "2021-01-13T12:06:23Z")

</div>

سلام

> [@soheil\_qanbari](#):
>
> فقط یه نوار پشتشم هست نمیشه اون رو هم عقب برد

این کد رو اضافه کنید:

```
.product-type2 .img::before {
    left: 0px !important;
}

```

فاصله خط مورد نظرتون رو از سمت چپ، با مقدار `0px` تا `10px` تنظیم کنید.

---

<div class="post-metadata">

**Author:** ![soheil\_qanbari](https://forums.7ho.st/user_avatar/forums.7ho.st/soheil_qanbari/32/6160_2.png) [@soheil\_qanbari](https://forums.7ho.st/u/soheil_qanbari)\
**Post date:** [ژانویه 13، 2021، 1:18ب.ظ UTC](https://forums.7ho.st/t/%D8%A8%DB%8C%D8%B1%D9%88%D9%86-%D8%B2%D8%AF%DA%AF%DB%8C-%D8%B9%DA%A9%D8%B3-%D9%87%D8%A7/5870/15 "2021-01-13T13:18:01Z")

</div>

این اعمال نشد ولی بازم بد نیست ممنون

---

<div class="post-metadata">

**Author:** ![Rahim](https://forums.7ho.st/user_avatar/forums.7ho.st/rahim/32/7626_2.png) [@Rahim](https://forums.7ho.st/u/Rahim)\
**Post date:** [ژانویه 13، 2021، 1:32ب.ظ UTC](https://forums.7ho.st/t/%D8%A8%DB%8C%D8%B1%D9%88%D9%86-%D8%B2%D8%AF%DA%AF%DB%8C-%D8%B9%DA%A9%D8%B3-%D9%87%D8%A7/5870/16 "2021-01-13T13:32:35Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![soheil\_qanbari](https://forums.7ho.st/user_avatar/forums.7ho.st/soheil_qanbari/32/6160_2.png) [@soheil\_qanbari](https://forums.7ho.st/u/soheil_qanbari)\
**Post date:** [ژانویه 13، 2021، 1:38ب.ظ UTC](https://forums.7ho.st/t/%D8%A8%DB%8C%D8%B1%D9%88%D9%86-%D8%B2%D8%AF%DA%AF%DB%8C-%D8%B9%DA%A9%D8%B3-%D9%87%D8%A7/5870/17 "2021-01-13T13:38:00Z")

</div>

تست کردم اقا رحیم نشد

---

<div class="post-metadata">

**Author:** ![Rahim](https://forums.7ho.st/user_avatar/forums.7ho.st/rahim/32/7626_2.png) [@Rahim](https://forums.7ho.st/u/Rahim)\
**Post date:** [ژانویه 13، 2021، 3:33ب.ظ UTC](https://forums.7ho.st/t/%D8%A8%DB%8C%D8%B1%D9%88%D9%86-%D8%B2%D8%AF%DA%AF%DB%8C-%D8%B9%DA%A9%D8%B3-%D9%87%D8%A7/5870/18 "2021-01-13T15:33:08Z")

</div>

قبل:

 ![image](https://forums.7ho.st/uploads/default/original/2X/2/21caf9c6eecbf984df5c96282d32e68e1b3e225a.jpeg)

بعد:

 ![image](https://forums.7ho.st/uploads/default/original/2X/0/0bc75c12ef1773397c2c5af540961de4a4671b55.jpeg)

اگر کد رو به درستی اعمال کرده باشید، تنها وجود کش هست که ممکنه مشکل ایجاد کرده باشه.  
کش افزونه کش، کش کلودفلیر رو اگر پاک نکردید پاک کنید.

---

<div class="post-metadata">

**Author:** ![soheil\_qanbari](https://forums.7ho.st/user_avatar/forums.7ho.st/soheil_qanbari/32/6160_2.png) [@soheil\_qanbari](https://forums.7ho.st/u/soheil_qanbari)\
**Post date:** [ژانویه 13، 2021، 6:40ب.ظ UTC](https://forums.7ho.st/t/%D8%A8%DB%8C%D8%B1%D9%88%D9%86-%D8%B2%D8%AF%DA%AF%DB%8C-%D8%B9%DA%A9%D8%B3-%D9%87%D8%A7/5870/19 "2021-01-13T18:40:07Z")

</div>

کش افزونه راکت رو هم پاک کردم و همینطور کش مرورگمو هم همینطور همچنان همونجاس حتی کدم گذاشتم پایین اون.

 ![screenshot_20210113_220906](https://forums.7ho.st/uploads/default/original/2X/6/60f541d58be1650d4e5236fd0fc9f32da62941bb.jpeg)

---

<div class="post-metadata">

**Author:** ![Rahim](https://forums.7ho.st/user_avatar/forums.7ho.st/rahim/32/7626_2.png) [@Rahim](https://forums.7ho.st/u/Rahim)\
**Post date:** [ژانویه 13، 2021، 6:44ب.ظ UTC](https://forums.7ho.st/t/%D8%A8%DB%8C%D8%B1%D9%88%D9%86-%D8%B2%D8%AF%DA%AF%DB%8C-%D8%B9%DA%A9%D8%B3-%D9%87%D8%A7/5870/20 "2021-01-13T18:44:43Z")

</div>

این کد رو جایگزین کنید:

```
.product-type2 .img::before {
    left: 0px !important;
}

```

نوشتار کلمه **important** در کد قبلی مشکل داشت.

[Next page](https://forums.7ho.st/t/%D8%A8%DB%8C%D8%B1%D9%88%D9%86-%D8%B2%D8%AF%DA%AF%DB%8C-%D8%B9%DA%A9%D8%B3-%D9%87%D8%A7/5870.md?page=2)