WordPress

Basic HTML Table 🌐 filename.html <table class="custom-table"> <thead> <tr> <th>#</th> <th>Name</th> <th>Email</th> <th>Status</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Abu Khoyer</td> <td>abu@email.com</td> <td>Active</td> </tr> <tr> <td>2</td> <td>Bornomala</td> <td>bornomala@email.com</td> <td>Inactive</td> </tr> </tbody> </table> CSS Styling 🎨 filename.css .custom-table { width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; } .custom-table th, .custom-table td { border: 1px solid #ddd; padding: […]

CSS Code Snippets: selector .for-image{ transform: translateY(50%); z-index: 3; transition: ease-in-out 0.6s; } selector .for-details{ z-index: 2; transform: translateY(-50%); transition: ease-in-out 0.6s; opacity: 0; } selector:hover .for-image, selector:hover .for-details{ transform: translateY(0); opacity: 1; } CSS Class: for-image for-details

CSS Code for Stacked Card Scrolling Effect selector { –card-scroll-height: 400; –card-rotate: 12; } selector .my-active-card { transform: translateY(-100vh) rotate(-60deg) !important; transition: 1s; visibility: hidden; transform-origin: bottom left; } selector > .e-con, selector > .e-container, selector > .e-con-inner > .e-con, selector > .e-con-inner > .e-container { position: sticky; top: 0; } JavaScript Code for Stacked

jQuery(function() { const img = “”; jQuery(“#elementor-tab-title-“).click(function(){ jQuery(“.toggle-img img”).attr(‘srcset’,img); jQuery(“.toggle-img img”).attr(‘src’,img); }); });

.animate_line{ position: relative; z-index: 1; } .animate_line:before { right: -5px; top: -4px; } .animate_line:after, .animate_line:before { content: “”; height: 4px; width: 0px; position: absolute; transition: all 0.5s ease 0s; z-index: -1; } .animate_line:hover:before { width: 50%; height: 50%; background: #F47216; } .animate_line:hover:after, .animate_line:hover:before { width: 50%; height: 50%; background: #F47216; } .animate_line:after { left: -5px;

.animate_line{ position: relative; z-index: 1; } .animate_line:before { right: -5px; top: -4px; } .animate_line:after, .animate_line:before { content: “”; height: 4px; width: 0px; position: absolute; transition: all 0.5s ease 0s; z-index: -1; } .animate_line:hover:before { width: 50%; height: 50%; background: #ffbc13; } .animate_line:hover:after, .animate_line:hover:before { width: 50%; height: 50%; background: #ffbc13; } .animate_line:after { left: -5px;

User this code function custom_redirect_to_login_page() { if (!is_user_logged_in() && is_front_page()) { wp_redirect(‘URL_OF_YOUR_SPECIFIC_PAGE’); exit(); } } add_action(‘template_redirect’, ‘custom_redirect_to_login_page’);