سلام وقت بخیر
این مشکل بخاطر تداخل استایل های قالب وودمارت با این افزونه هست. از اونجایی که آدرس سایتتون رو داشتم بصورت زنده یه سری کد رو تست کردم و تونستم مشکل رو تا حد قابل قبولی حل کنم.
این نتیجه کدهاست:
این کدها رو داخل یکی از فایل های استایل قالب یا در بخش “سفارشی سازی > استایل دلخواه” قرار بدید. پیشنهادم همون بخش سفارشی سازی سایت هست که کدها رو با اولویت بیشتری اجرا کنه:
.shop_attributes tr {
height: auto !important;
width: 100% !important;
padding-left: 5px !important;
border-top: unset !important;
border-bottom: unset !important;
}
.shop_attributes.woocommerce-group-attributes-layout-1 table {margin-bottom: 0px !important;}
.woocommerce table.shop_attributes.woocommerce-group-attributes-layout-1 .attribute_row > td {width: 100% !important;}
.woocommerce-group-attributes-layout-1 .attribute_group_row {
border-bottom: 1px dotted rgba(0,0,0,.1) !important;
}
توی کد بالا عنوان و مقادیر در گوشه جدول هستن که برای حالت ریسپانسیو بهتره، اما اگه مثل دمو میخواین مقادیر در ابتدای اون بخش نمایش داده بشه می تونید یک کد دیگه هم به کدهای بالا اضافه کنید. منظورم چنین حالتیه:
اگه چنین حالتی میخواین این کد رو هم اضافه کنید:
.shop_attributes p {text-align: right !important;}
