Modification d'un design, besoin d'aide

[poupi]

Bonjour à tous,

Je me permets d'ouvrir un sujet afin de bénéficier de votre expertise.

J'utilise actuellement le design Madrid, qui me convient parfaitement, si ce n'est à un détail près :
j'aimerais pouvoir passer la colonne de gauche à droite
En effet, le fait que la colonne soit à gauche occasionne quelques soucis techniques de référencement sur des plateformes de blogs puisque mes affichages prennent en compte les contenus de la colonne au lieu du contenu de mes articles car ils apparaissent en premier.

Savez vous si un bidouillage du code CSS permettrait de déplacer cette colonne ? et si oui, auriez vous la démarche à suivre et le code à saisir, car je n'y connais pas grand chose...

Merci à tous

[Solie]

Oui, mais ce sera bien plus que du bidouillage. Si vous n'y connaissez pas grand chose, vous pouvez abandonner l'idée parce que ce n'est pas juste mettre un right à la place d'un left. N'hésitez pas à lire le tuto Apprendre à modifier le head sur le forum si la modification de CSS vous intéresse. Lorsque vous rencontrerez des difficultés avec vos codes, les membres du forum pourront vous accompagner.


Si vous souhaitez que la sidebar de votre site soit positionnée à droite, choisissez un design conçu comme cela.

Vous pouvez essayer les designs suivants :

- Amsterdam > http://tmp-amsterdam.jimdo.com/

- Helsinki > http://tmp-helsinki.jimdo.com/

- San Francisco > http://tmp-sanfrancisco.jimdo.com/

- Verona > http://tmp-verona.jimdo.com/

Avec les designs responsive, la sidebar, qu'elle soit positionnée à gauche ou à droite, passera en bas sur les écrans très étroits (tablettes en orientation portrait, smartphones). C'est très sympa !

[poupi]

Je ne veux pas changer de design, pour les avoir tous survolé, celui que j'ai choisi est le seul qui convient à ce que je veux faire de mon site...
Merci quand même pour votre réponse

[poupi]

Finalement j'ai quand même changé le design pour avoir la colonne à gauche,
après quelques bidouillages ça rend plutôt pas mal et se rapproche quand même de ce que j'avais fait
par contre ce nouveau template ne propose pas la police "The Girl Next Door" comme le précédent.
Y'a t'il une possibilité de la réintégrer ?

[FredVig]

http://www.jimdoforum.fr/t468-utiliser-une-police-qui-n-est-pas-dans-la-liste-jimdo

[poupi]

Je vais aller lire ça merci

[poupi]

Ok, j'ai récupéré la police, mais je ne comprends pas le

"4 - Indiquez, dans la partie style, les éléments qui doivent utiliser cette police :
CODE:
#nomDeVotreElement-1,
#nomDeVotreElement-2
{font-family: 'Aclonica', cursive !important;}
Et c'est tout."

A quel endroit ? et comment connaitre le nom de l'élément ?

[poupi]

J'ai modifié le head comme ça, mais ça ne semble pas marcher :

<link href='https://fonts.googleapis.com/css?family=The+Girl+Next+Door' rel='stylesheet' type='text/css' />

<style type="text/css">
/*<![CDATA[*/
#content {font-family: 'The+Girl+Next+Door', cursive !important;}
/*]]>*/
</style>

[poupi]

pour la div j'ai trouvé #cc-m-all-content-13643936725
quand je modifie dans l'inspection d'élément ça me fait bien la modif, mais pas en modifiant dans le head :/
Dès que je repasse en mode visiteur, ça me remet la police de base et pas celle que je veux


j'en suis là :

<link href='https://fonts.googleapis.com/css?family=The+Girl+Next+Door' rel='stylesheet' type='text/css' />

<style type="text/css">
/*<![CDATA[*/
/*remplacer la police d'écriture dans le texte
div#cc-m-all-content-13643936725 {font-family: "The Girl Next Door",cursive,"google", !important;}
/*]]>*/
</style>

[FredVig]

Ben déjà c'est pas mal !
Sûrement un truc qui coince…

où voulez-vous faire apparaître la police ?
C'est ça qui doit être ciblé.
Là, vous avez ciblé les div du contenant #cc-m-all-content-13643936725, mais il faut sans doute mieux trouver une class à cibler, de façon à ce que cela touche , par exemple, tous les titres, ou tout le texte…
On ne peut vous aider que si vous mettez l'adresse du site évidemment…

[FredVig]

quand je modifie dans l'inspection d'élément ça me fait bien la modif, mais pas en modifiant dans le head :/

L'inspecteur ne modifie que le temps de la visite sur la page, et uniquement pour le visiteur.
Il faut insérer la modification, en mode editeur, dans paramètres>modifier le head et enregistrer.

[FredVig]

J'ai vérifié, et vous avez deux petites erreurs qui bloquent le code :

D'abord, il ya

Code:

/*remplacer la police d'écriture dans le texte

C'est un commentaire, il faut le fermer par un signe */

Code:

/*remplacer la police d'écriture dans le texte */

ensuite, écrivez le code ainsi :

Code:

{font-family: 'The Girl Next Door', cursive; !important;}

(pas de google)

et vous devez cibler la bonne class, mais pour ça faut nous en dire plus : adresse du site, et les parties que vous voulez cibler

[Solie]

Lors de l'enregistrement sur le forum, une lettre a été oubliée.
Voici l'adresse du site (sur le design Amsterdam).

[poupi]

je vais essayer avec les modifs que vous m'avez transmises

Je voudrais que cette police soit utilisée pour tous les éléments texte de mon site en fait

[poupi]

la modification ne change malheureusement pas le problème :/

[poupi]

pardon, le site www.poupi-laviesaine.fr

[poupi]

Je viens de trouver cette div pour attribuer une police exotique au texte : "body, p, td, li"
ne fonctionne pas non plus :/

ça donne ça :

<link href='https://fonts.googleapis.com/css?family=The+Girl+Next+Door' rel='stylesheet' type='text/css' />

<style type="text/css">
/*<![CDATA[*/

/*remplacer la police d'écriture dans le texte */

body, p, td, li, {font-family: 'The Girl Next Door', cursive !important;}
/*]]>*/
</style>


Sinon je viens de tester avec un tuto de modifier la couleur de mes boutons de partage, sans succès non plus :

<style type="text/css">
/*<![CDATA[*/

/* Personnalisation des boutons de partage (32px noir et blanc seulement) */

div.cc-sharebuttons-size-32 div.cc-sharebuttons-style-2 a {background-image: url(https://sd-1.archive-host.com/membres/images/3347790973941088/icons32-violet.png) !important;}

/*]]>*/
</style>

[FredVig]

C'est un peu compliqué car il faut cibler beaucoup de situations différentes.
Vous en aurez une partie avec ça :

Code:

.content-options .com-list, .content-options .j-blogSelection, .content-options .j-catalog, .content-options .j-comment, .content-options .j-downloadDocument, .content-options .j-formnew, .content-options .j-formnew label, .content-options .j-htmlCode, .content-options .j-newsletterbox, .content-options .postmeta, .content-options .j-product, .content-options .j-rss, .content-options .j-table, .content-options .j-text, .content-options .j-textWithImage, .content-options .j-imageSubtitle, .content-options .cc-m-gallery-slider .bx-wrapper .bx-caption span, .content-options .j-twitter, .content-options .j-shop-addtocard-response, .content-options .j-cart, .content-options #cc-checkout-steps, .content-options #cc-checkout-gutter, .content-options .sitemap, .content-options #cc-shop-deliveryinfopage, .content-options .cc-tos, .content-options .cc-privacy, .content-options #cc-shop-infopage, .content-options .cc-withdrawal, .content-options .cc-protected-note, .content-options .cc-shop-product-availability, .content-options .j-googlemaps, .content-options h1:not(.cc-within-single-module-element):not(.j-blog-headline), .content-options .j-rss h1 a:link, .content-options .j-rss h1 a:visited, .sidebar-options .j-calltoaction-link-style-2:link, .sidebar-options .j-calltoaction-link-style-2:visited .navigation-colors a, .navigation-colors a:link, .navigation-colors a:visited {font-family: 'The Girl Next Door', cursive !important;}


Sinon, si vous ètes vraiment sûre de n'utiliser QUE cette police, partout, vous pouvez utiliser un vilain Hack pas conseillé car il sollicite un peu trop le navigateur

Code:

* {font-family: 'The Girl Next Door', cursive !important;}


Votre code

Code:

body, p, td, li, {font-family: 'The Girl Next Door', cursive !important;}

Peut fonctionner, mais il faut enlever la virgule après li :

Code:

body, p, td, li {font-family: 'The Girl Next Door', cursive !important;}

*

[poupi]

Victoire ! c'était en effet une histoire de virgule après mon code à priori ! comme quoi ça tient à pas grand chose lol
Merci beaucoup !
En revanche, il reste une zone qui n'est pas prise en compte, celle du module commentaires. Du coup j'ai pris votre premier code et cela fonctionne pour tout même pour mon menu (ce que je ne souhaite pas du coup, donc il faut que je trouve le div a supprimer)

Edit : au final je crois que j'ai trouvé le div pour la zone commentaire donc c'est bon, manque que la date de mes articles qui ne prend pas la police mais ça a moins d'importance

Pour l'histoire des icônes de partage, une idée de l'erreur dans le code ?

[poupi]

Je crois que j'ai trouvé, en remplaçant juste la couleur du bouton par une autre couleur plutot que par une image !

/*<![CDATA[*/
/* Personnalisation des boutons de partage (32px noir et blanc seulement) */
div.cc-sharebuttons-element.cc-sharebuttons-style-black a::before {
color: #753069 !important;}
/*]]>*/

[Contenu sponsorisé]