Faire les images apparaitre comme Buddy X pro

/* — Conteneur Principal de l’Activité — */ .buddypress .activity-inner { display: block; margin: 20px 0; padding: 15px; background: #fff; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } /* — Images Open Graph — */ .buddypress .activity-inner…Continue reading

Nouveau CSS Buddypress

/* === Style pour les avatars (cercle parfait petit) === */ #buddypress .activity-avatar img { border-radius: 50%; /* Cercle parfait */ border: 2px solid #000085; /* Bordure bleue élégante */ width: 40px; /* Diamètre pour les petits avatars */ height:…Continue reading

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