[Résolu] Float Left

Question

JMP13

11 Jul 2017 à 20:56

Bonjour,

Sur Wordpress 4.8, thème maxphotography, j'utilise une extension de galerie. L'extension est buggée et le développeur ne peut pas m'aider.
https://visites-360.pro/realisations/
Les vignettes devraient être centrée et non au fer à gauche.
J'ai essayé beaucoup de choses mais je ne trouve plus.


...
<div class="wpb_wrapper">
			<h2 align="center"><strong>Visites virtuelles</strong></h2>
<style type="text/css">.foogallery-album-gallery-list .foogallery-pile h3 { background: rgb(109, 246, 13) !important; }.foogallery-album-gallery-list .foogallery-pile h3 { color: #000000 !important; }</style><div id="foogallery-album-603">
	<ul class="foogallery-album-gallery-list alignment-center">
						<li>
					<div class="foogallery-pile">
						<div class="foogallery-pile-inner">
							<a href="https://visites-360.pro/realisations/gallery/agence-immobiliere#restaurants" target="_self">
								<img src="https://visites-360.pro/wordpress/wp-content/uploads/cache/2017/06/13007-1/-1718583396.jpg" alt="Maison à vendre" width="600" height="300">																<h3>Agences immobilières									<span>1 visite virtuelle</span>
								</h3>
							</a>
						</div>
					</div>
				</li>
...

Les CSS correspondantes :


.wpb_wrapper {
     }	

.foogallery-album-gallery-list {
	list-style: none !important;
	padding: 0 !important;
  	text-align: center; 	
}

.foogallery-pile {
	position: relative;
	z-index: 10;
	float: left;
	width: 100%;
}

.foogallery-album-gallery-list .foogallery-pile .foogallery-pile-inner {
	border: 8px solid #fff;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	overflow: hidden;
	line-height: 0;
}

.foogallery-album-gallery-list .foogallery-pile .foogallery-pile-inner a {
	display: inline-block;
}

Pour être honnête avec vous, je suis en pleine diffusion Adwords et ça la fiche mal ce fer à gauche.
Si vous êtes inspirés... merci d'avance.

SolidSnake

12 Jul 2017 à 08:12

Bonjour,

Un petit "dib" devrait suffire Smiley cligne

.foogallery-album-gallery-list li {
    display: inline-block;
}

Le float:left devient facultatif (pour ne pas dire inutile)

NB : ton header en plus d'être austère me fait péter un boulon quand j'arrive en haut de ton site ! Smiley biggol