Jump to content

Le Prestashop 1.6 de Conan - Comment rétrécir la taille du "custom block" en front-office ?


Recommended Posts

 

Salut. Pour faire simple, en front-office le custom block, c'est ça :

 

18101706081524407515948420.jpg

 

Et en back-office, ça se règle comme ça. Du moins, son contenu.

 

18101706081424407515948415.jpg

 

Et moi, je voudrais que ça ressemble à ça :

 

18101706081524407515948419.jpg

 

La question est de savoir comment atteindre ce résultat ? Que devrais-je "retailler" en css ou en template pour y parvenir ?

 

Merci d'avance pour vos conseils avisés.

 

 

Pour info :

- Version exacte du prestashop : 1.6.1.15

- Date d'installation : Octobre 2018

- Mises à jour bloquées pour que cette version reste une 1.6.1.15 100% d'origine.

- Ajout et adaptation visuelle du thème zKid de Zerocarts

- Aucune modification sur le thème default-bootstrap

- Mon prestashop est hébergé en localhost. Mais je peux fournir des captures d'écran si besoin. No problem !

- Plateforme de travail : Linux Debian 9 64 bits - Geany - Xampp - Firefox 61.0.2

 

- Contenu exact du code utilisé par le "custom block" :

 

	<table style="height: 220px;" width="973">
	<tbody>
	<tr>
	<td style="text-align: center;"></td>
	<td colspan="2" style="text-align: center;"><br />
	<h4><strong><span style="color: #ffffff;">Extraits d'Instragram</span></strong></h4>
	</td>
	<td style="text-align: center;"></td>
	</tr>
	<tr>
	<td style="text-align: center;"><img src="http://localhost/img/cms/insta1.gif" alt="" width="190" height="190" /></td>
	<td style="text-align: center;"><img src="http://localhost/img/cms/insta2.gif" alt="" width="190" height="190" /></td>
	<td style="text-align: center;"><img src="http://localhost/img/cms/insta3.gif" alt="" width="190" height="190" /></td>
	<td style="text-align: center;"><img src="http://localhost/img/cms/insta4.gif" alt="" width="190" height="190" /></td>
	<td style="text-align: center;"><img src="http://localhost/img/cms/insta5.gif" alt="" width="190" height="190" /></td>
	</tr>
	</tbody>
	</table>
	

 

NB : J'ai naturellement essayé sans le tableau, mais cela n'a apporté aucun résultat. :-(

 

 

 

 

 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...