امیرحسین شکری
3 ماه پیش توسط امیرحسین شکری مطرح شد
2 پاسخ

دادن کلاس CSS به SVG در المنتور

سلام
مشکل من اینه که SVGها در المنتور انگار کلاس نمی‌پذیرند!
هدف اصلی من دادن یک رنگ گرادیانت به SVG هستش.(که خود قسمت رنگ المنتور همچین قابلیتی نداره. گرادیانت چندرنگه)
من می‌تونم به بکگراند svg رنگ بدم اما می‌خوام به خود svg گرادیانت بدم
با ایسپکت بررسی کردم دیدم svg همچنان تحت تاثیر کلاس اصلی خود المنتور هست.

هیچکدوم از آموزش های توی اینترنت هم جواب نداد.
https://theplusaddons.com/blog/how-to-color-custom-svg-icons-in-elementor/
من گام به گام این آموزش رو انجام دادم اما نشد

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

ممنون می‌شم اگر کسی تجربه‌ای داشت و همچین کاری رو انجام داده بود؛ راهکارش رو به منم بگه.


ثبت پرسش جدید
آرش نظری
@Arashgamer 3 ماه پیش مطرح شد
0

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

selector {

}

داخلش استایل هاتونو بدید
سلگتور به این معنیه که شما خود المان را انتخاب کردید

ولی اگه با ویجت اچ تی ام ال اضاف کردید
میتونید بصورت اینلاین داخل همون کد ها استایل هارو بدید


محمد حسین
تخصص : وردپرس کار
@smhma 3 ماه پیش مطرح شد
0

سلام امیر حسین
چند تا نکته رو در نظر بگیر
یکی اینکه برا svg از پراپرتی fill استفاده کن برای رنگ دادن نه color
یکی دیگه اینکه تو سلکتورت به تگ path داخل تگ svg اشاره کن. یعنی اینطوری
selector svg path {fill: #000;}
یکی دیگم اینکه اگه بخوای با پراپرتی fill گرادینت بدی یه نحوه خاصی داره که باید سرچ کنی
نکته آخرم اینه که به selector که @Arashgamer گفت توجه کن. لازم نیست کلاس بدی به svg ت. با selector میتونی اون svg خاص خودتو سلکت کنی و استایل بدی.


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام