رفتن به مطلب

پس زمینه ریسپانسیو برای ردیف های ویژوال کامپوزر


mehrankiani

پست های پیشنهاد شده

سلام
من در قالب سایتم از افزونه ویژوال کامپوزر استفاده میکنم. 

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

نمای کامپیوتر
http://uupload.ir/files/kmy3_1.jpg

نمای موبایل
http://uupload.ir/files/6yi5_2.jpg

آدرس صفحه ی سایت:
http://mohasebankhobreh.ir/home-page

1.JPG

2.JPG

لینک به ارسال
در 15 دقیقه قبل، mehrankiani گفته است :

سلام
من در قالب سایتم از افزونه ویژوال کامپوزر استفاده میکنم. 

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

نمای کامپیوتر
http://uupload.ir/files/kmy3_1.jpg

نمای موبایل
http://uupload.ir/files/6yi5_2.jpg

آدرس صفحه ی سایت:
http://mohasebankhobreh.ir/home-page

1.JPG

2.JPG

درود بخیر

میتونین واسش مدیا کوئری تعریف کنین که در حالت موبایل color:#00; بگیره

توجه داشته باشید که استایلشو به صورت inline نوشته و شما باید توی فایل سی اس اس div و کلاس مربوطه رو صدا کنین و بهش استایل بدین

اگر سوالی داشتید بپرسید بنده پاسخگو هستم

موفق باشید

  • امتیاز 1
لینک به ارسال
در 5 دقیقه قبل، miladalizadeh گفته است :

درود بخیر

میتونین واسش مدیا کوئری تعریف کنین که در حالت موبایل color:#00; بگیره

توجه داشته باشید که استایلشو به صورت inline نوشته و شما باید توی فایل سی اس اس div و کلاس مربوطه رو صدا کنین و بهش استایل بدین

اگر سوالی داشتید بپرسید بنده پاسخگو هستم

موفق باشید

اگه ممکنه ساده تر توضیح بدین، با کدنویسی آشنایی ندارم. تشکر

لینک به ارسال
در هم اکنون، mehrankiani گفته است :

اگه ممکنه ساده تر توضیح بدین، با کدنویسی آشنایی ندارم. تشکر

یه بحثی داریم به اسم مدیا کوئری که شما میتونین استایل خاصیو در حالت موبایل و تبلت قرار بدین

به شکلی که در تبلت و موبایل یک استایلی داشته باشه و در کامپیوتر یک استایل دیگه

مدیا کوئری رو با @media قرار میدن و بهش max-width  .و min-width قرار میدن و بعد از اون div مورد نظر رو صدا میکنن و بهش استایل میدن

همینکارو انجام بدین و بعد بهش color:#000; قرار بدین تا متن شما در حالت رسپانسیو دیده بشه

اگرم متوجه منظورم نشدین توی خصوصی در تماس باشید تا راهنماییتون کنم

موفق باشید

  • امتیاز 1
لینک به ارسال
×
×
  • اضافه کردن...