/* মেইন ক্লাস যা আপনি কন্টেইনারে বসিয়েছেন */
.StickyMenuBar {
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 9999;
transition: background-color 0.4s ease;
}
/* স্ক্রল করার পর যে ক্লাসটি যুক্ত হবে */
.StickyMenuBar.my-sticky-active {
background-color: #000000 !important;
}
/* স্ক্রল করার পর মেনু আইটেম বা লেখার রং কালো হবে */
/*.StickyMenuBar.my-sticky-active .elementor-nav-menu .elementor-item {*/
/* color: #000000 !important;*/
/*}*/
/* যদি মেনুতে কোনো আইকন থাকে, সেটিও কালো হবে */
/*.StickyMenuBar.my-sticky-active i {*/
/* color: #000000 !important;*/
/*}*/
/* স্ক্রল করার পর সার্চ বাটনের ব্যাকগ্রাউন্ড সাদা হবে */
.StickyMenuBar.my-sticky-active .btnsearch {
background-color: #ffffff !important;
}
/* (অপশনাল) ব্যাকগ্রাউন্ড সাদা হলে আইকনটি যেন দেখা যায়, তাই আইকনের রং কালো করা হলো */
.StickyMenuBar.my-sticky-active .btnsearch i {
color: #000000 !important;
}
window.addEventListener('scroll', function() {
// এখন আইডি-র বদলে আমরা ক্লাস দিয়ে এলিমেন্টটিকে ধরছি
var header = document.querySelector('.StickyMenuBar');
if (window.scrollY > 50) {
header.classList.add('my-sticky-active');
} else {
header.classList.remove('my-sticky-active');
}
});
Our 5-day Legacy Program for Veterans equips you to overcome challenges related to a life in the service. All costs, including travel, are covered… See Details
selector .elementor-icon-box-title,
selector .elementor-icon-box-description{
word-break: break-word;
overflow-wrap: break-word;
}
.my-play-icon {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
width: 90px;
height: 90px;
border-radius: 50%;
cursor: pointer; /* show hand cursor */
}
/* Ripple Effect */
.my-play-icon::before,
.my-play-icon::after {
content: "";
position: absolute;
border: 2px solid rgba(255, 255, 255, 0.8); /* white ripple */
border-radius: 50%;
width: 100%;
height: 100%;
animation: ripple 2s infinite;
pointer-events: none; /* make ripple non-clickable */
}
.my-play-icon::after {
animation-delay: 1s;
}
@keyframes ripple {
0% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(1.8);
opacity: 0;
}
}
Use this classs in Layout Css Field (my-play-icon)
// Elementor Mobile Tabs Vertical Stack (No Accordion, No Scroll)
add_action('wp_head', function () {
?>
<style>
/* Mobile Tabs Vertical Stack Fix */
@media (max-width: 767px) {
/* Keep tabs stacked vertically */
.e-n-tabs-heading {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
}
.e-n-tab-title {
width: 100% !important;
text-align: center;
border-bottom: 1px solid #ddd;
}
/* Disable accordion behavior */
.e-n-tabs-content > div {
display: none;
}
.e-n-tabs-content > div[aria-hidden="false"],
.e-n-tabs-content > div.e-active {
display: block !important;
}
}
</style>
<?php
});
.demo-btn {
position: relative;
padding: 12px 24px;
color: #000;
text-decoration: none;
font-weight: 600;
}
.demo-btn::after {
content: "";
position: absolute;
top: 10%;
right: -15px;
width: 20px;
height: 20px;
background: #ff6600;
transition: 0.3s;
border-radius: 50px;
border: 2px solid rgb(255, 150, 1);
}
/*.demo-btn:hover::after {*/
/* width: 100%;*/
/*}*/
/*.swiper-wrapper */
.elementor-image-carousel-wrapper .swiper-slide-inner img {
height: 80px; /* আপনার পছন্দমত ফিক্সড height দিন */
width: 100%;
object-fit: contain; /* ইমেজ কাটাকাটি করে হলেও সব height সমান রাখবে */
}
/* Responsive এর জন্য */
@media (max-width: 768px) {
.elementor-image-carousel-wrapper .swiper-slide-inner img {
height: 600px;
}
}
@media (max-width: 480px) {
.elementor-image-carousel-wrapper .swiper-slide-inner img {
height: 600px;
}
}
/* কেবল স্লাইড মুভমেন্টে linear রাখুন */
.swiper-wrapper {
transition-timing-function: linear !important;
}
/* hover effect এর জন্য আলাদা transition */
.swiper-slide img {
transition: transform 0.3s ease, opacity 0.3s ease;
}
/* hover action এ speed স্বাভাবিক রাখুন */
.swiper-slide:hover img {
transform: scale(1.05); /* উদাহরণস্বরূপ */
opacity: 0.9;
}
.elementor-button[data-img-src] {
position: relative;
}
.elementor-button[data-img-src]:hover:after {
content: "";
position: absolute;
top: -10px;
left: 110%;
width: 150px;
height: 150px;
background-size: cover;
background-position: center;
border: 1px solid #ccc;
border-radius: 8px;
z-index: 9999;
background-image: var(--tooltip-img);
}
<script>
document.querySelectorAll('.elementor-button[data-img-src]')
.forEach(btn => {
const url = btn.getAttribute('data-img-src');
btn.style.setProperty('--tooltip-img', `url(${url})`);
});
</script>
/* ======================================
Elementor Menu Cart – PERFECT CENTER MODAL
====================================== */
/* Base position (always center reference) */
.elementor-menu-cart__container {
position: fixed !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
z-index: 99999 !important;
max-height: 90vh;
overflow-y: auto;
transition: opacity 0.25s ease, transform 0.25s ease;
}
/* CLOSED STATE */
.elementor-menu-cart:not(.elementor-menu-cart--open)
.elementor-menu-cart__container {
opacity: 0;
visibility: hidden;
transform: translate(-50%, -45%) scale(0.98) !important;
}
/* OPEN STATE */
.elementor-menu-cart--open .elementor-menu-cart__container {
opacity: 1;
visibility: visible;
transform: translate(-50%, -50%) scale(1) !important;
}
/* DESKTOP */
@media (min-width: 1025px) {
.elementor-menu-cart__container {
width: 80%;
max-width: 600px;
}
}
/* TABLET */
@media (min-width: 768px) and (max-width: 1024px) {
.elementor-menu-cart__container {
width: 60%;
max-width: 500px;
}
}
/* MOBILE */
@media (max-width: 767px) {
.elementor-menu-cart__container {
width: 90%;
max-width: 400px;
max-height: 85vh;
}
}
selector ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
display: flex;
flex-direction: row;
justify-content: space-around;
}
selector li.woocommerce-order-overview__order.order {
padding: 0px !important;
margin: 0px !important;
justify-content: center;
align-items: center;
display: flex;
flex-direction: column;
gap: 10px !important;
}
selector li.woocommerce-order-overview__date{
padding: 0px !important;
margin: 0px !important;
justify-content: center;
align-items: center;
display: flex;
flex-direction: column;
gap: 10px;
}
selector li.woocommerce-order-overview__email{
padding: 0px !important;
margin: 0px !important;
justify-content: center;
align-items: center;
display: flex;
flex-direction: column;
gap: 10px;
}
selector li.woocommerce-order-overview__total{
padding: 0px !important;
margin: 0px !important;
justify-content: center;
align-items: center;
display: flex;
flex-direction: column;
gap: 10px;
}
selector li.woocommerce-order-overview__payment-method{
padding: 0px !important;
margin: 0px !important;
justify-content: center;
align-items: center;
display: flex;
flex-direction: column;
gap: 10px;
}
selector .woocommerce p{
margin-top: 50px !important;
text-align: center;
}
selector .order_item td {
text-align: center !important;
}
selector tfoot tr{
text-align: center !important
}
selector thead tr{
text-align: center !important;
}
selector address{
text-align: center !important;
line-height: 20px !important
}
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
padding: 0px !important;
}
ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
row-gap: 10px;
}
h2.woocommerce-order-details__title {
justify-content: center;
display: flex;
}
h2.woocommerce-column__title {
display: flex;
justify-content: center;
}
.jet-new-review-controls {
order: 6;
}
.jet-new-review-control.jet-new-review-title {
order: 1;
}
.jet-new-review-control.jet-new-review-media {
order: 5;
}
.jet-new-review-control.jet-new-review-content {
order: 4;
}