del140

تغییر رنگ قالب و افکت css

3 پست در این موضوع

سلام

وقت بخیر

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

و افکتی که روی محصولاتم قرار میگیره شفافتر باشه که عکس زیرش ئیئه بشه

چیکار کنم؟

soren1373.ir

این سایتم

Share this post


Link to post
Share on other sites
آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش لاراول آموزش cPanel آموزش php آموزش فرم ساز RSform آموزش ساخت ربات جذب ممبر آموزش ساخت ربات دوستیابی آموزش ساخت ربات فروشگاهی برای ووکامرس آموزش طراحی سایت داینامیک با php آموزش بخش پشتیبانی با rsticket

سلام

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

Share this post


Link to post
Share on other sites

قالبتون چندین تم پیش فرض داره ، یکی از رنگهاش قرمزه ، با کد رنگ ee3c0c حالا شما می تونید این رنگ رو توی فایل CSS قالبتون پیدا کنید و به هر رنگی که دوست دارید تغییرش بدید.

برای مشکل بعدی تون هم باید از opacity استفاده کنید ، توی خط 1117 از فایل preset1.css کد زیر رو پیدا کنید.

#sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .image_block .content {
    background: #ee3c0c;
    color: #fff;  
}

 

حالا باید opacity به این قسمت اضافه کنی مثل زیر

#sp-main-body-wrapper #sp-component-area .jshop_list_product .list_product .block_product .product .image_block .content {
    background: #ee3c0c;
    color: #fff;
    opacity: 0.6;
}

 

توجه : opacity رو می تونی از 0 تا 1 تغییر بدی و شفافیت دلخواه رو بوجود بیاری

0 : کاملا شفاف

1 : کاملا رنگی

 

 

Share this post


Link to post
Share on other sites

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری