Comment modifier taille police des catégories

[saiga]

Bonjour,

 

Je suis un novice, et je souhaite votre aide pour modifier la taille police des catégories, car le théme par défaut que mon fournisseur préinstalle ne permet pas celà.

 

J'ai prestashop 1.5.5.

 

Je suis pas certains que se soit le bon fichier a modifier? je vous fait un copier collé du contenue du fichier d'origine ci-dessous.

J'ai trouvé le fichier dans /themes/default/css/category.css 

 

 

 

h1{margin-bottom:10px;}

 

.resumecat {

margin:15px 0 10px 0;

padding:8px 7px;

color:#000;

background:#f0f0f0;

}

 

.content_scene_cat {

padding:5px;

border:1px solid #ccc;

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius: 3px;

-moz-box-shadow: 0 1px 1px #e2e2e2;

-webkit-box-shadow: 0 1px 1px #e2e2e2;

box-shadow: 0 1px 1px #e2e2e2;

}

 

.cat_desc {

font-size:12px;

line-height:18px;

}

.cat_desc p {padding:0 10px 5px 10px}

.cat_desc .lnk_more {

   padding:0 10px;

   color:#0088CC;

background:url(../img/arrow_right_1.png) no-repeat 100% 4px transparent;

}

 

 

/* ************************************************************************************************

      SUB CATEGORIES

************************************************************************************************ */

#subcategories {margin-top:15px}

#subcategories h3 {

padding:14px 12px;

font-size:13px;

color:#fff;

text-transform:uppercase;

text-shadow:0 1px 0 #666;

background:url(../img/bg_table_th.png) repeat-x 0 0 #999

}

 

.inline_list {

list-style-type:none;

margin-top:10px;

}

.inline_list  li {

padding:10px 0;

border-bottom:1px dotted #ccc

}

.inline_list  li .img {

float:left;

margin-right:15px

}

.inline_list  li img {

border:1px solid #ccc

}

.inline_list  li .cat_name {

font-weight:bold;

font-size:13px

}

 

[Mediacom87]

Bonjour,

 

que souhaitez vous modifier clairement et très précisément ?

 

La taille de la police de catégories ok  mais à quel endroit :

• menu
• entête de catégorie
• non des sous catégories
• ...

[saiga]

merci de votre réponse.

 

je souhaite modifier le menu, qui se trouve en haut à gauche de ma page d'accueil.

[Mediacom87]

Bonjour,

 

cela se trouve à la ligne 1949 du global.css de votre template :

 

#categories_block_left li a

[saiga]

Merci de votre aide, mais je suis un novice, serait-il possible de m'expliquer en détail la manip.

[saiga]

que faut-il modifier?

 

j'ai ceci dans mon fichier global.css

 

/*************** Block CATEGORIES ***************/

#categories_block_left  li {border-bottom:1px dotted #ccc}

#categories_block_left  li.last { border:none;}

#categories_block_left  li a {

display:block;

padding:7px 11px 5px 22px;

color:#333;

background:url(../../../modules/blockcategories/img/arrow_right_2.png) no-repeat 10px 10px transparent

}

 

#categories_block_left  li ul {margin-left:40px}

#categories_block_left  li ul li {border:none}

#categories_block_left  li ul li a {

padding-left:0;

background:none

}

 

#categories_block_left li .OPEN,

#categories_block_left li .CLOSE {

display:block;

float:right;

margin:10px 10px 0;

height:9px;

width:9px;

background:url(../../../modules/blockcategories/img/icon/open-close.png) no-repeat 0 -9px;

cursor:pointer

}

#categories_block_left li .CLOSE {background-position:0 0}

 

 

/* footer */

.blockcategories_footer {

padding:15px 10px;

}

.blockcategories_footer .category_footer {float:left;clear:none;}

.blockcategories_footer ul ul {display:none !important}

[Mediacom87]

Bonjour,

 

voici une documentation qui peut vous permettre de comprendre ce qu'il faut faire.

 

http://www.cssdebutant.com/

[saiga]

merci, mais je ne trouve pas le front size à l'endroit ou vous m'indiquez?

[Mediacom87]

Je serais tenté de dire : Et alors ?

 

Si il n'y est pas rajoutez le tout simplement.

 

et si vous voulez comprendre toutes les interaction de CSS sur votre lien de catégorie du menu alors utilisez des outils comme firebug ou les outil s de développement de votre navigateur, vous trouverez des milliers de tuto en ligne.

[saiga]

• bon j'ai trouvé, mais ce n'était pas du tout à la ligne que vous m'avez indiquez......c'était complètement au début...

[Mediacom87]

Ah excusez moi de ne pas connaitre par coeur la structure CSS des milliards de design proposées pour une version prestashop inconnue.

 

j'ai fait avec ce que ej n'avais pas donc j'ai pris le style par défaut du tempalte par défaut de la dernière version stable à dispo donc la prochaine fois faite un effort pour qu'on vous aide mieux.

 

 

et pensez à mettre [Résolue] au titre de votre topic tout est expliqué dans les règles du forum que vous avez pris le temps de lire.

[louplop]

Bonjour,

 

si quelqu'un peut me dire ou est ce dans le bloc global css pour changer la taille de la police du bloc categorie.

 

merci d'avance

[Mediacom87]

Bonjour,

 

si quelqu'un peut me dire ou est ce dans le bloc global css pour changer la taille de la police du bloc categorie.

 

merci d'avance

Bonjour,

 

pour trouver les éléments à modifier en css vous pouvez utiliser les outils développeurs de votre navigateur ou simplement firebug sur Firefox. Il existe des tutoriel pour apprendre à utiliser ces outils.

[louplop]

je passe par filezilla pour voir le code, j'ai bien firebug mais comment voir le code qui m'intéresse je ne sais pas.