Bouger le texte des categorie

[fguigui]

bonjour a tous 

je voudrais bouger le texte des categories et sous catégories en dessous de l image 

Je ne trouve pas ou ca se trouve?

pouvez vous m aider merci

 

avant 

apres

 

Merci d avance

Edited May 14, 2015 by fguigui (see edit history)

[Mediacom87]

Bonjour,

 

cela doit se trouver dans le fichier categroy.tpl mais doit être géré par les css du template donc il suffit d'utiliser firebug ou autre outil de développeur pour trouver la donner à changer.

[fguigui]

voici le firebug 

mais je ne sais pas comment faire pour deplacer le code

 

[DeyDDy]

Bonjour,

 

Ajoute la ligne ci-dessous dans le fichier category.css ou global.css

.content_scene_cat .rte{padding-top:50px;}

valeur "50px" a modifier selon tes besoins

[fguigui]

Merci pour pour votre aide 

mais quand j' augmente les tailles l image s'agrandi.

[DeyDDy]

Oui c'est normal vous augmentez un peu trop je pense

 

vous avez un lien? que je vous donne le code exacte

[DeyDDy]

Si vous avez qu'une ligne alors un 110px sera parfait 

[fguigui]

Non il faut que je descende encore un peux  

la c est a 110 px

 

[fguigui]

je suis en local, je n ai pas de lien

[fguigui]

J ai TeamViewer 10

[DeyDDy]

La solution que je t'ai donné est la bonne

 

Tu ne peut faire autrement malheureusement 

 

maintenant il faudrait voir pour que le texte s'affiche en dessous de l'image

[fguigui]

Merci je vais voir avec les textes

encore merci

[MissMaster]

Bonjour, avez-vous résolu ce problème et comment svp ?

J'ai le même souci.

Merci

[fguigui]

Bonjour oui et non

j ai mis le code  avec 110 px et après je joue avec la taille des images.

[DeyDDy]

Bonjour,

 

Il faut fermer la div class="content_scene_cat_bg juste avant la description dans le fichier category.tpl ligne 48

 

ci-dessous le code pour avoir le texte en dessous de l'image

<!-- Category image -->
                    <div class="content_scene_cat_bg"{if $category->id_image} style="background:url({$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'}) right center no-repeat; background-size:cover; min-height:{$categorySize.height}px;"{/if}></div>
                        {if $category->description}
                            <div class="cat_desc">
                            <span class="category-name">
                                {strip}
                                    {$category->name|escape:'html':'UTF-8'}
                                    {if isset($categoryNameComplement)}
                                        {$categoryNameComplement|escape:'html':'UTF-8'}
                                    {/if}
                                {/strip}
                            </span>
                            {if Tools::strlen($category->description) > 350}
                                <div id="category_description_short" class="rte">{$description_short}</div>
                                <div id="category_description_full" class="unvisible rte">{$category->description}</div>
                                <a href="{$link->getCategoryLink($category->id_category, $category->link_rewrite)|escape:'html':'UTF-8'}" class="lnk_more">{l s='More'}</a>
                            {else}
                                <div class="rte">{$category->description}</div>
                            {/if}
                            </div>
                        {/if}
                     </div>
                  {/if}
		{/if}

Pour être plus précis il faut donc supprimer la div qui se trouve à la ligne 70 et la mettre ligne 48