مشکل در دکمه خرید ووکامرس

amin.yarmohammadi

تازه وارد
درود

دکمه خرید ووکامرس من در صفحه فروشگاه ناخوانا و در صفحه محصول خیلی کوچک شده. مطابق شکل

چطور میتونم درستش کنم؟

You must be registered for see images attach


نگارش وردپرس:‌  4.7.4

نگارش ووکامرس: 3.0.5

سایت: masirefarda.com 

قالب: گودنیوز 5

 
آخرین ویرایش توسط مدیر:

Mohammad

مدیر انجمن
پرسنل مدیریت
بعد از چه تغییری این اتفاق رخ داده؟

 

amin.yarmohammadi

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

الان دقیقا باید چیکار کنم که استایل‌های قبلی برگرده یا این استایل‌ها درست بشه؟

 

p900

تازه وارد
jb6z_dfgdfg.png


به این ادرس سایتت برو تو هاست



در تب 

div.product form.cart .button {
font-size: 14px;
padding: 0 20px;
font-weight: 600;
margin-bottom: 20px;


------------------------------------------------------------------------

padding را به

padding10px 25px;

تغیر بده

 

amin.yarmohammadi

تازه وارد


به این ادرس سایتت برو تو هاست



در تب 

div.product form.cart .button {
font-size: 14px;
padding: 0 20px;
font-weight: 600;
margin-bottom: 20px;


------------------------------------------------------------------------

padding را به

padding10px 25px;

تغیر بده
این کار رو کردم الان ولی درست نشد

 

p900

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

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

 

amin.yarmohammadi

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

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

خیلی ممنونم :53: :53:

رنگ رو نتونستم پیدا کنم کدوم گزینه است. کدوم یکی از این پایینی ها هست؟

You must be registered for see images attach


 

p900

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

 

amin.yarmohammadi

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

از یه سایت خارجی یاد گرفتم که این کد رو بزارم توی فایل style.css :

.single-product .product .single_add_to_cart_button.button{
    background-color: #333333;
    color: #FFFFFF;
}
.woocommerce .product .add_to_cart_button.button{
    background-color: #333333;
    color: #FFFFFF;
}​

رنگ دکمه خرید سفید شد ولی دکمه «نمایش جزییات» همچنان مثل قبله.

کسی میدونه برای اون چه کدی رو باید اضافه کنم؟

You must be registered for see images attach


 
آخرین ویرایش توسط مدیر:

amin.yarmohammadi

تازه وارد
توی یه سایت دیگه یه کد کامل پیدا کردم. اینو بزارید توی style.css قالبتون حل میشه مشکل:

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

background:red !important;

background-color:red !important;

color:white !important;

text-shadow: transparent !important;

box-shadow: none;

border-color:#ca0606 !important;

}

.woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover {

background:red !important;

background-color:red !important;

color:white !important;

text-shadow: transparent !important;

box-shadow: none;

border-color:#ca0606 !important;

}

.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button {

background: red !important;

color:white !important;

text-shadow: transparent !important;

border-color:#ca0606 !important;

}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

background: red !important;

box-shadow: none;

text-shadow: transparent !important;

color:white !important;

border-color:#ca0606 !important;

}




سایتش هم اینه:


نوشته این کد رنگ دکمه ها رو قرمز میکنه. هر رنگ دیگه ای بخواید بزارید کافیه توی  backgroud: red !important”  تغییرش بدید.

همین!!

 
بالا