Jump to content

Comment modifier taille police des catégories


saiga

Recommended Posts

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
}
 
Link to comment
Share on other sites

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}
Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

  • 4 weeks later...

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.

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...