در این آموزش با کمک بخش و ستون در المنتور بدون نیاز به افزونه جانبی باکس هایی ایجاد میکنیم که در المنتور به صورت ZOOM قرار بگیرد.
کدهای CSS مربوط به آموزش :
/*برای زوم بکگراند*/
selector{
overflow: hidden !important;
}
selector .elementor-background-overlay{
-webkit-transition: all 0.5s !important;
transition: all 0.5s !important;
-webkit-transform-origin: left;
transform-origin: left;
}
selector:hover .elementor-background-overlay{
-webkit-transform: scale(2);
transform: scale(2);
}
/*برای مخفی سازی*/selector .elementor-column{
opacity: 0;
-webkit-transition: all 0.75s !important;
transition: all 0.75s !important;
}
selector:hover .elementor-column{
opacity: 1;
}
11 پاسخ
سلام
توی نسخه جدید با کانتینر ها نمیشه انجام داد باید چیگار کرد
سلام درود بر شما
میتوانید وارد پیشخوان > المنتور > تنظیمات شوید سپس وارد قسمت تب پیشرفته شوید و گزینه کانتینر فلکس باکس را غیرفعال کنید و از بخش داخلی استفاده کنید
سلام وقتتون بخیر ی سوالی داشتم من وقتی کد رو قرار میدم توی المنتور همه چی اوکیه( توی المنتور هر سه تا زوم میشن) ولی روی سایتم فقط یدونه از سه تا زوم میشه اون دوتای دیگه هیچ تغییری نمیکنند چیکار باید بکنم؟؟؟؟؟
سلام
ما در کد از selector استفاده کردیم و css رو به ستون بدید فقط در ستون اعمال میشود و باید به بخش اصلی دهید .
من کد رو به بخش اصلی داده بودم ولی الانم باز امتحان کردم نشد، توی المنتورم زوم میشه و همه چی اوکیه ولی توی سایتم زوم نمیشه(واقعا باید چیکار کنم درست شه)
سلام به جای selector یک کلاسی تعیین کنید برای بخش خود و از آن کلاس به جای selector استفاده کنید و تست نمایید .
سلام شما این کدهای css رو از کجا تهیه میکنید و از کجا میشه فهمید کارایی هر css کد چیه؟
سلام وقت بخیر
برای آموزش css میتوانید از سایت زیر استفاده کنید
آموزش css رایگان
عالی، زیبا جادار مطمئن
آموزش عالی و با کیفیت بود
فقط اگر بخواهیم که کل اون بخش داخلی و محتویاتش لینک هم داشته باشه امکان پذیر ؟
منظورم اینه که موس روی هر قسمت از بخش داخلی کلیک کرد به یک لینک یا صفحه هدایت بشود
سلام وقت بخیر
بله کافیه در قسمت پیوند هر ویجتی که استفاده میکنید لینک بدید یا از آموزش لینک دار کردن ستون در المنتور استفاده کنید.