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

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

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

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

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

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

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

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

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

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

سلام

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

.product-type2 .img img {
    margin-right: -10px !important;
}
@media (max-width: 700px)
.product-type2 .img img {
    margin-right: 0 !important;
}
3 پسندیده

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

سلام

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

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

2 پسندیده

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

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

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

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

3 پسندیده

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

1 پسندیده

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

سلام

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

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

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

2 پسندیده

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

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

1 پسندیده

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

قبل:

بعد:

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

1 پسندیده

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

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

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

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

1 پسندیده