Modifier la police catégories menu en CSS sur prestashop ...

Résolu/Fermé
Tiger46 Messages postés 248 Date d'inscription lundi 30 septembre 2013 Statut Membre Dernière intervention 19 octobre 2023 - 10 avril 2017 à 17:47
Tiger46 Messages postés 248 Date d'inscription lundi 30 septembre 2013 Statut Membre Dernière intervention 19 octobre 2023 - 21 avril 2017 à 22:20
Bonjour,

je n'arrive pas à modifier le menu sur mon site : c-a-cahors.fr ...

En effet lorsqu'on va dans une catégorie, le titre de la catégorie et le texte en dessous sont très, trop grands, et je n'arrive pas malgré firebug sur mozilla à connaitre le fichier à modifier, en css probablement ...

J'ai essayé le fichier boostrap.css sans resultat et global.css sans resultat ...

Quelqu'un pourrait il m'aider svp ?

Merci :)

A voir également:

1 réponse

Hydr0s Messages postés 1678 Date d'inscription lundi 24 janvier 2011 Statut Membre Dernière intervention 24 août 2022 679
10 avril 2017 à 20:24
Bonjour,

Le problème est qu'en touchant au css, tu vas modifier les propriétés des autres éléments.

En revanche, tu peux ajouter une propriété sur la classe des éléments (cat-name ici) pour modifier uniquement la taille sur le titre.

On peut retrouver une propriété et la propriété active de l'élément avec l'inspecteur, le champ de recherche permet de filtrer sur la propriété recherchée (ici font-size), voir capture ci-dessous.

Autre remarque, Prestashop est orienté e-commerce et n'est pas trop adapté à ton utilisation. Un wordpress aurait été bien plus souple pour éditer les items, ici, tu as un tas de fonctions qui ne te serviront pas et qui ralentissent l'utilisation du site (en plus d'être compliquée à paramétrées).



0
Tiger46 Messages postés 248 Date d'inscription lundi 30 septembre 2013 Statut Membre Dernière intervention 19 octobre 2023 1
10 avril 2017 à 21:01
Salut ...

Merci pour ta réponse, simple et précise ... :)

En effet je viens de modifier la size de 36 à 16 et je croyais que ça marchait pas car ça n'apparaissait pas sur google chrome mais ça à l'air d'être le cas sur mozilla ...

Ceci dit, je dois le remettre et modifier la cat name en effet car ça a modifié tout le site. Je vais retester tout ça demain et je tiendrai au courant ... :)

J'ai tellement de petites choses que j'aimerais régler sur ce site mais pour lesquelles je galère ...

Merci :) ...
0
Tiger46 Messages postés 248 Date d'inscription lundi 30 septembre 2013 Statut Membre Dernière intervention 19 octobre 2023 1
11 avril 2017 à 11:32
Donc pour modifier la taille du titre et surtout les mots en dessous, je modifie la ligne 1074 du boostrap.css dans la size que je passe de 36 à 16 par exemple ? Ou je dois écrire autre chose ? Je suis nul en code ... PAr exemple j'ai un message d'erreur en haut suite au plugin facebook que je ne peux peux pas/ sais pas enlever ... Etc ... bref c'est difficile là :)
0
Hydr0s Messages postés 1678 Date d'inscription lundi 24 janvier 2011 Statut Membre Dernière intervention 24 août 2022 679
11 avril 2017 à 18:53
A global.css, tu peux ajouter le code suivant tout en bas :
/*************** CUSTOM STYLE *********************/
.page-heading, .cat_desc h1 {
	font-size : small;
}


La propriété small/medium/large permet de gérer la taille de police sur tous les écrans (smartphone etc). La mettre en pixel pourrait créer des textes invisibles sur les smartphone ou il faudrait ajouter un tas de propriétés (pour en savoir plus : media queries css3 sur google).
0
Tiger46 Messages postés 248 Date d'inscription lundi 30 septembre 2013 Statut Membre Dernière intervention 19 octobre 2023 1
11 avril 2017 à 20:17
Hmmm j'apprend un truc concernant le small etc c'est pratique oui comme ça au moins si on est pas trop pointilleux :), ce que je ne suis pas :) Je teste de suite ... MErci :)
0
Tiger46 Messages postés 248 Date d'inscription lundi 30 septembre 2013 Statut Membre Dernière intervention 19 octobre 2023 1
11 avril 2017 à 20:20
Ca a pas marché :(
0