Adapter la dimension marge Buddypress

/* Appliquer des marges élargies sur la page BuddyPress */ body.spBgcover.sp-h-full.sp-antialiased.sp-bg-slideshow.cookies-set.cookies-accepted { margin: 0 auto; /* Centrer le contenu */ padding: 20px; /* Optionnel : ajouter un espacement intérieur */ box-sizing: border-box; /* Inclure les bordures et les paddings dans…Continue reading

CSS correction barre de recherche

/* S’assurer que le formulaire de recherche est en mode flex */ #dir-activity-search-form.bp-dir-search-form { display: flex !important; /* Forcer l’alignement en flex */ align-items: center; /* Alignement vertical centré */ justify-content: flex-start; /* Alignement horizontal à gauche */ gap: 8px;…Continue reading

Like X version mobile

/* Suppression des marges globales */ body.buddypress, body.buddypress #content, body.buddypress .activity-list.bp-list, body.buddypress .buddypress-wrap.bp-dir-hori-nav, body.buddypress .entry-content.alignfull.wp-block-post-content { margin: 0 !important; padding: 0 !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box; } /* Forcer l’utilisation complète de l’écran */ body.buddypress .wp-block-blockstrap-blockstrap-widget-container,…Continue reading

Envira – fix for lightbox small image size in landscape mode

@media only screen and (orientation: landscape) { .envirabox-slide .envirabox-image-wrap{ width: auto !important; height: calc(100vh – 20px) !important; transform: translate(calc(100vh – 20px), 10px) !important; } .envirabox-image, .envirabox-spaceball{ width: auto !important; height: 350px !important; }}Continue reading

Soliloquy – Replace navigation icons with FontAwesome

.soliloquy-container .soliloquy-prev:before { content: “\f053”; /* FontAwesome icon for left arrow */ font-family: “Font Awesome 5 Free”; font-weight: 900; font-size: xx-large; color: red !important; } .soliloquy-container .soliloquy-next:before { content: “\f054”; /* FontAwesome icon for right arrow */ font-family: “Font Awesome…Continue reading

CSS fix for Envira lightbox small image size in landscape mode

@media only screen and (orientation: landscape) { .envirabox-slide .envirabox-image-wrap{ width: auto !important; height: calc(100vh – 20px) !important; transform: translate(calc(100vh – 20px), 10px) !important; } .envirabox-image, .envirabox-spaceball{ width: auto !important; height: 350px !important; }}Continue reading