del140

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

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

سلام

وقت بخیر

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

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

چیکار کنم؟

soren1373.ir

این سایتم

Share this post


Link to post
Share on other sites
قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست اقتصادی هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش html و css آموزش php آموزش سئو وردپرس آموزش امنیت وردپرس آموزش وردپرس آموزش فرم ساز RSform آموزش سئو جوملا آموزش فروشگاه ساز Hikashop آموزش فروشگاه ساز ویرچومارت آموزش طراحی سایت آگهی تبلیغاتی آموزش امنیت جوملا آموزش طراحی سایت فروش فایل آموزش طراحی قالب ریسپانسیو با Helix آموزش جوملا 3 آموزش ساخت ربات دکمه ی شیشه ای آموزش ساخت ربات همکاری در فروش آموزش ساخت ربات جذب ممبر آموزش ساخت ربات ضد اسپم آموزش ساخت ربات پیوست فایل
پروژه دانشجویی | ماژول پرداخت | هاست جوملا | آموزش جوملا | آموزش وردپرس | آموزش ساخت ربات با php | آموزش php | سورس ربات مدیر گروه | آموزش html css | ربات دکمه شیشه ای | آموزش سئو جوملا | آموزش طراحی قالب جوملا | آموزش امنیت و هک جوملا | سایت آگهی مشابه دیوار | آموزش ووکامرس | ربات مدیر گروه |

سلام

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

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

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

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

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

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


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

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

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


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