Toucher une template HTML

[Jon91Stew]

Bonjour à toute la Communauté,

J'ai téléchargé une template gratuite en HTML afin de créer un site professionnel simplet et épuré dont voici le lien :

http://shapebootstrap.net/item/1524970-cyrus-studio-free-bootstrap-portfolio-theme/live-demo

Mais en retravaillant le code selon mes besoins, j'ai beaucoup de mal à positionner seulement une seule photo avec du texte à droite de la photo en bas de page dans la partie "Our team". J'aimerais fixer la largeur du contenu à la moitié de la page, avec un 1/3 pour la photo et 2/3 pour le texte.
La template est responsive et associée à un script, sachant cela j'ai essayé de supprimer le minimum d'information dans le code HTML pour garder un visuel cohérent. Je n'ai jamais touché au script, trop compliqué, j'y comprends rien...

J'ai tenté de retravailler le code ainsi pour la partie "Our team" :

<div id="partners" class="spacer">
<h3 class="text-center wowload fadeInUp">Qui suis-je ?</h3>

<p class="text-center wowload fadeInRight">Ayant travaillé comme indépendant dans le secteur du... </p>
<div class="row grid team wowload fadeInUpBig">
<div class=" col-sm-3 col-xs-6">
<figure class="effect-chico">
<img src="images/team/8.jpg" alt="img01" class="img-responsive"/>
<figcaption>
<p><b>Martin Dupond</b><br>Designer 3D en Architecture<br><br><a href="#"><i class="fa fa-dribbble"></i></a> <a href="#"><i class="fa fa-facebook"></i></a> <a href="#"><i class="fa fa-twitter"></i></a></p>
</figcaption>
</figure>
</div>

Mais rien à faire, la photo (8.jpg) devient immense et le texte reste dessus et non à côté, et 100% de la largeur de la page et occupée à cette partie seulement de la page...

Que faire pour y remédier simplement ?

Merci.

 

[AccroPC2]

Hello,

Mon premier conseil c'est d'ouvrir la page dans chrome puis de faire F12 pour avoir le debuggueur. Tu trouveras la définition de div.col-sm-3.col-xs-6 dans le fichier bootstrap.min.css, c'est ce bout de code qui définit la taille de l'image

Bon courage.
Bye.

 

[Jon91Stew]

Merci beaucoup, effectivement ça a bien l'air de conditionner tout l'affichage pour toutes les tailles en responsive. C'est tellement fouilli d'ailleurs que je vois pas comment m'y prendre !
J'ai tapé CTRL + F pour trouver "div.col-sm-3.col-xs-6" mais il ne trouve rien... J'ai l'impression que tout est beaucoup trop détaillé ici dans ce bootstrap.min.css, je ne m'y retrouve pas...