Homepage "destroy" ?

[Thibaud ader]

Bonjour, 

 

Voilà je viens de remarquer aujourd'hui que les blocs de texte en dessus du footer de la page d'accueil avaient un gros soucis, les blocs ne respectent plus les limites et les fonds ont disparus

 

alors que je n'ai fais aucune modification.

 

 

Même avec firebug, je ne vois pas comment résoudre le problème

 

Le thème est une adaptation du thème de base prestashop

 

vapsquare.boutique

 

Si vous avez une idée... 

 

Merci beaucoup! 

[Thibaud ader]

up

[doekia]

Peut-être parce que que 4+6+6 est supérieur à 12.

<div class="clearfix">
  <div id="htmlcontent_home">...</div>
  <div id="fb-root" class=" fb_reset"></div>
  <div id="facebook_block" class="col-xs-4">...</div>
  <div id="cmsinfo_block">
    <div class="col-xs-6">
    <div class="col-xs-6">
  </div>
</div>

Avec ceci ça devrait plus ressembler à ce que tu veux:

<div id="cmsinfo_block" class="col-xs-8">

[Thibaud ader]

Merci beaucoup pour votre réponse Doekia, je n'arrive pas à trouver la page concernée :/ 

 

 

Bonne fêtes

[Baba deCode]

Salut,

Peut etre dans le tpl du module cms infos block...

[Thibaud ader]

C'est bien là que j'avais cherché effectivement mais le code donné plus haut ne ressemble pas à celui que je trouve moi :

{*
* 2007-2015 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to [email protected] so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author PrestaShop SA <[email protected]>
*  @copyright  2007-2015 PrestaShop SA
*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*}
{if $infos|@count > 0}
<!-- MODULE Block cmsinfo -->
<div id="cmsinfo_block">
		{foreach from=$infos item=info}
			<div class="col-xs-6">{$info.text}</div>
		{/foreach}
</div>
<!-- /MODULE Block cmsinfo -->
{/if}

[doekia]

Mais si, recopie d'ailleurs si ce n'est fait le tpl dans ton themes

 

Regarde

<!-- MODULE Block cmsinfo -->
<div id="cmsinfo_block">

mets ça à la place

<!-- MODULE Block cmsinfo -->
<div id="cmsinfo_block" class="col-xs-8">

Edited December 25, 2015 by doekia (see edit history)

[Thibaud ader]

Merci beaucoup ça a aligné correctement les blocs.

 

Par contre les logos en face de chaque titres (colonne du milieu) prend un espace je ne vois pas pourquoi.

 

Maintenant il reste encore les fonds (les 3 blocs étaient délimités d'un fond de couleur.

 

 

Merci beaucoup pour votre aide en cette période de fête, ça m'enlève une grosse épine du pied et surtout niveau SEO (cacher du texte google n'aime pas ça du tout)

[Baba deCode]

Il faut que tu comprenne comment marche le systeme de grille de bootstrap fait des recherche sur google...

[Thibaud ader]

J'ai fais mes recherches, trouvais quelques tutos / vidéos, mais ça ne m'a pas aidé :/

[Thibaud ader]

Edit : Comme vous pourrez le voir sur le site, je suis arrivé à mettre un fond blanc (mais pas les bords arrondis) 

J'essaye encore de mettre un trait séparateur entre les colonnes 2 et 3 et adapter la 1ere colonne (le widget facebook) de la même taille.

J'essaye aussi d'aligner les logos aux titres.

[doekia]

Des bords arrondis alors que le reste de ton thème est flat carré ?

Tu veux pas ajouter des gif animés histoire d'avoir un trophée de mauvais goût?

 

Adapter un widget facebook bon courage.

 

Séparateur, compliqué si tu ajustes tes colonnes, mais dans l'état tu peux ajouter ça a ta global.css

.row #cmsinfo_block > div:first-of-type {
    border-right: 1px solid #4b4b4b;
}