رفتن به مطلب

چیدمان نامناسب محصولات


power_meisam

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

سلام به همه دوستان و اساتید

به مشکلی بر خورد کردم ، ممنون میشم راهنمایی کنید

لینک ها تنها برای اعضای سایت قابل نمایش است.

[کلیک و کشیدن برای جابجایی]

لطفا به این لینک یه نگاه بندارید

محصولات در دو ستون و 3 سطر نشون داده شدن و سمت چپ صفحه خالی هست.

کدوم کد از کدوم فایل رو تغییر بدم که فرضا سطر یک با 4 محصول و در کل صفحه نشون داده بشهو بعد بره سطر بعدی ؟

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

درود.

ابتدا فایل rtl.css رو در مسیر زیر باز کنید :

wp-content/themes/mx/rtl.css

در خط 168 این فایل ، شما باید مقدار margin رو تغییر بدید. کد اصلاح شده برای جایگزینی به صورت زیر هست :

.woocommerce .related ul.products li.product, .woocommerce-page .related ul.products li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .upsells.products ul.products li.product, .woocommerce .related ul li.product, .woocommerce-page .related ul li.product, .woocommerce .upsells.products ul li.product, .woocommerce-page .upsells.products ul li.product, .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: right;
    left: auto;
    margin: 0 1% 20px 1%;
}

پس از تغییر کد بالا ، کد زیر رو در انتهای همین فایل rtl.css اضافه کنید:

.woocommerce ul.products li.first, .woocommerce-page ul.products li.first {
    clear: none !important;
}

 


عنوان صفحه و مکان نمای قالبتون هم راست چین نیست. کد زیر رو هم در انتهای فایل rtl.css اضافه کنید:

#site-content-header {
    text-align: right !important;
}

و همچنین برای رفع به هم چسبیدگی عنوان مطالب کد زیر رو هم به همین فایل اضافه کنید:

h1, h2, h3 {
    letter-spacing: 0px !important;
}

موفق باشید:D

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

در 4 ساعت قبل، masih1994 گفته است :

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

سپاس فراوان:rolleyes::wub:

 

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

بایگانی شده

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

مهمان
این موضوع برای عدم ارسال قفل گردیده است.
×
×
  • اضافه کردن...