Modification du CSS des pages produits

[roddk]

Bonjour la communauté,

Je suis relativement newbie en la matière et je cherche à fixer le CSS pour toutes mes fiches produits.
J'aimerais que toutes mes fiches produits est la même typo, même taille, même alignement etc...

En gros forcer un css même si un collaborateur change la typo manuellement sur une fiche produit.

Bonne journée à tous
Rod

[roddk]

:'(( personne peut m'aider ?

[Vincent Decaux]

Rooh un peu de patience ! 1 heure c'est court pour répondre. ;-)

Et n'oublie, mettre ta version de Presta, dire si ton thème est modifié est toujours mieux !

Sinon, pour ton souci, il faut rajouter une ligne de CSS, normalement ligne 254 du global.css, il s'agit d'une grosse ligne avec :

.rte html, .rte div, .rte span, .rte applet, .rte object, .rte iframe, .rte h1, .rte h2, .rte h3, .rte h4, .rte h5, .rte h6, .rte p, .rte blockquote, .rte pre, .rte a, .rte abbr, .rte acronym, .rte address, .rte big, .rte cite, .rte code, .rte del, .rte dfn, .rte em, .rte font, .rte img, .rte ins, .rte kbd, .rte q, .rte s, .rte samp, .rte small, .rte strike, .rte strong, .rte sub, .rte sup, .rte tt, .rte var, .rte dl, .rte dt, .rte dd, .rte ol, .rte ul, .rte li, .rte fieldset, .rte form, .rte label, .rte legend, .rte table, .rte caption, .rte tbody, .rte tfoot, .rte thead, .rte tr, .rte th, .rte td, .mceContentBody html, .mceContentBody div, .....

Et ajouter dans les propriétés :

font-family: arial !important;

En modifiant arial par ta police ...

[Joseph63]

Bonne journée aussi Roddk.

J'ajoute que tu dois faire attention à utiliser une police standard. Le mieux est de la fournir, de vérifier auparavant qu'elle passe correctement sur les 3 principaux systèmes d'exploitation, et qu'elle soit visible avec les 6 principaux navigateurs du moment.

[roddk]

Merci les gars, c'est très sympa de votre part.

Mais pour l'alignement du texte à gauche en forcé ? Comment faire ?

[Joseph63]

.centrer
{
text-align: center;
}

.droite
{
text-align: right;
}

.gauche
{
text-align: left;
}

.justifier
{
text-align: justify;
}

N'oublie pas le ; en fin de ligne.

[roddk]

Ok !!! milles merci

Mais question à 1€, ou ce trouve le global.css ? hahaha

[Joseph63]

Arrivé là dans tes recherches, il te faut faire un choix. Acheter de la littérature, acheter un bon IDE qui t'explique comment faire, acheter un thème spécialisé, ou faire appel à un prestataire informatique.

global.css est situé dans le dossier css de ton gabarit. Si tu n'as rien modifié, il s'appelle prestashop et est situé dans theme.

[Vincent Decaux]

Merci Joseph pour lien

D'ailleurs ça me fait penser que je suis pas sur d'avoir répondu au dernier mail ?
Et sans vouloir faire trop de pub ... Ce module devrait être intéressant pour toi (roddk) :
http://boutique.ebuildy.com/fr/6-editeur-css-en-ligne-pour-prestashop.html

Modifier ses CSS sans notion de FTP / dossiers etc ...

[roddk]

Merci messieurs, vous êtes d'une aide très précieuse.
Rod

[Joseph63]

De rien Vincent.

Dans notre dernier échange de MP, nous indiquions l'adresse d'un test portant sur le design.