thème DIVI : logo/entête, sidebar et bas de page

wp-infinity
ThemeForestElegantThemes

Merci de vous inscrire pour participer au forum
Invité

Rechercher

— Forum Scope —




— Correspondances —





— Options du forum —





La longueur minimum du terme à rechercher est 3caractère - la longueur maximum est de 84 caractères

S'inscrire Mot de passe oublié ?
forum-theme
thème DIVI : logo/entête, sidebar et bas de page
Therese
Modérateur
Membres

Modérateurs
Messages du forum : 23
Membre depuis :
15 janvier 2015
sp_UserOfflineSmall Hors ligne
1
28 janvier 2015 - 18:23
sp_Permalink sp_Print

Bonjour,

J'avance sur les pages de mon site mais reste bloquée sur 3 "problèmes" d'apparence que je n'arrive pas à résoudre ...

1) l'image que j'utilise comme logo est minuscule à l'affichage même si j'utilise le maximum 64MB permis au départ ; et j'aimerai ajouter du texte à cet endroit-là : suis-je obligée d'aller créer un logo que je télécharge ensuite comme entête/logo en 1 seule "image" ? j'aimerai que le logo utilise toute la longueur correspondant au menu qui est dessous..

2) j'utilise une sidebar à gauche et il y a une marge énorme sur le côté : peut- on la réduire ? j'ai essayé sur différents écrans, en me disant que... mais la marge est toujours là...

3) peut-on supprimer tout en bas "Design par Elegant thème/propulsé par wp" ? sur certains thèmes c'est possible, mais là je n'y arrive vraiment pas !

y-a-t'il des solutions ? ))

Mojiezuo
Modérateur
Membres

Modérateurs
Messages du forum : 26
Membre depuis :
10 juillet 2014
sp_UserOfflineSmall Hors ligne
2
28 janvier 2015 - 22:52
sp_Permalink sp_Print sp_EditHistory

Je te donne la manop (je pense) pour la modification la plus facile selon moi.. la 3 Laugh

Dans ton admin Wordpress, tu cliques sur le sous menu "editeur" du menu "apparence"

tu y trouves, dans une liste sur la droite, tous les fichiers *.php qui composent ton thème. tu recherches et cliques sur celui qui se nomme "Pied de page" ou footer.php

Là tu recherches quelque chose qui doit ressembler à çà :

<p id="copyright"><?php esc_html_e('Design par ','Divi'); ?> <a href="http://www.elegantthemes.com" title="Premium WordPress Themes">Elegant Themes</a> | <?php esc_html_e('Propulsé par','Divi'); ?> <a href="http://www.wordpress.com">wp</a></p>

 

Là, 2 solutions, soit tu supprimes carrément le paragraphe;

soit tu l'adaptes pour coller à ton site en modifiant ce que j'ai mis en gras..

<p id="copyright"><?php esc_html_e('Design par ','Divi'); ?> <a href="http://www.elegantthemes.com" title="Premium WordPress Themes">Elegant Themes</a> | <?php esc_html_e('Propulsé par','Divi'); ?> <a href="http://www.wordpress.com">wp</a></p>

Enfin tu enregistres et c'est bon.

je ne pense pas faire de boulettes pour cette question 3...

Olivier,

La Photo CL

Avatar
Ailpp84
France
Modérateur
Membres

Modérateurs
Messages du forum : 39
Membre depuis :
5 décembre 2014
sp_UserOfflineSmall Hors ligne
3
29 janvier 2015 - 10:47
sp_Permalink sp_Print

Bonjour Therese,

Pour la dimension de ton Logo en haut à Gauche sous le numero de tel et le mail :

- Allez dans Apparence -> Editeur -> style.css, Rechercher la chaîne de caractère (CTRL + F) ".et_fixed_nav #logo" et la tu as "max-height" tu change la valeur 43 en ce que tu souhaite.

Par contre pour le texte je n'ai pas la solution si ce n'est effectivement de créer l'image.

Peux tu me donner le lien de ton site que je regarde le problème exact de ta sidebar.

Merci

Patrick

logo-93x60.jpg          Assistance Informatique et Logicielles aux Particuliers et Professionnels

Pictures4events
Bruxelles
Modérateur
Membres

Modérateurs
Messages du forum : 10
Membre depuis :
17 novembre 2014
sp_UserOfflineSmall Hors ligne
4
27 février 2015 - 18:59
sp_Permalink sp_Print sp_EditHistory

Mojiezuo a déclaré
Je te donne la manop (je pense) pour la modification la plus facile selon moi.. la 3 Laugh

Dans ton admin Wordpress, tu cliques sur le sous menu "editeur" du menu "apparence"

tu y trouves, dans une liste sur la droite, tous les fichiers *.php qui composent ton thème. tu recherches et cliques sur celui qui se nomme "Pied de page" ou footer.php

Là tu recherches quelque chose qui doit ressembler à çà :

<p id="copyright"><?php esc_html_e('Design par ','Divi'); ?> <a href="http://www.elegantthemes.com" title="Premium WordPress Themes">Elegant Themes</a> | <?php esc_html_e('Propulsé par','Divi'); ?> <a href="http://www.wordpress.com">wp</a></p>

 

Là, 2 solutions, soit tu supprimes carrément le paragraphe;

soit tu l'adaptes pour coller à ton site en modifiant ce que j'ai mis en gras..

<p id="copyright"><?php esc_html_e('Design par ','Divi'); ?> <a href="http://www.elegantthemes.com" title="Premium WordPress Themes">Elegant Themes</a> | <?php esc_html_e('Propulsé par','Divi'); ?> <a href="http://www.wordpress.com">wp</a></p>

Enfin tu enregistres et c'est bon.

je ne pense pas faire de boulettes pour cette question 3...

 

C'est la méthode qu'on employait avec l'ancien divi mais depuis la dernière MAJ j'ai pas encore trouvé la solution...

Si tu as une idée de l'endroit où l'on peut changer dans le code, je suis preneur ;-)

merci d'avance,

Gaetan

Mojiezuo
Modérateur
Membres

Modérateurs
Messages du forum : 26
Membre depuis :
10 juillet 2014
sp_UserOfflineSmall Hors ligne
5
27 février 2015 - 19:40
sp_Permalink sp_Print

Je viens de tester sur la version 2.3.1

dans la partie éditeur du tableau de bord, sur la page footer.php

on recherche

<p id="footer-info"><?php printf( __( 'Designed by %1$s | Powered by %2$s', 'Divi' ), '<a href="http://www.elegantthemes.com" title="Premium WordPress Themes">Elegant Themes</a>', '<a href="http://www.wordpress.org">Wordpress</a>' ); ?></p>

et on modifie...

Olivier,

La Photo CL

Pictures4events
Bruxelles
Modérateur
Membres

Modérateurs
Messages du forum : 10
Membre depuis :
17 novembre 2014
sp_UserOfflineSmall Hors ligne
6
1 mars 2015 - 12:22
sp_Permalink sp_Print

Mojiezuo a déclaré
Je viens de tester sur la version 2.3.1

dans la partie éditeur du tableau de bord, sur la page footer.php

on recherche

<p id="footer-info"><?php printf( __( 'Designed by %1$s | Powered by %2$s', 'Divi' ), '<a href="http://www.elegantthemes.com" title="Premium WordPress Themes">Elegant Themes</a>', '<a href="http://www.wordpress.org">Wordpress</a>' ); ?></p>

et on modifie...

Merci à toi mais même en changeant les éléments en rouge:

<p id="footer-info"><?php printf( __( 'Designed by %1$s | Powered by %2$s', 'Divi' ), '<a href="http://www.elegantthemes.com" title="Premium WordPress Themes">Elegant Themes</a>', '<a href="http://www.wordpress.org">Wordpress</a>' ); ?></p>

il garde Elegant Themes, Wordpress et Designed By et Powered by sont traduit en français... donc y a une surcouche qq part d'autre...

c'est depuis que Divi est multilingue...

Avatar
Thibaud
Administrateur
Messages du forum : 345
Membre depuis :
30 septembre 2012
sp_UserOfflineSmall Hors ligne
7
6 mars 2015 - 12:11
sp_Permalink sp_Print

Pictures4events en parlant de surcouche as tu pensé à retirer notre traduction, si tu l'avais installé ? 

Therese
Modérateur
Membres

Modérateurs
Messages du forum : 23
Membre depuis :
15 janvier 2015
sp_UserOfflineSmall Hors ligne
8
25 avril 2015 - 13:44
sp_Permalink sp_Print

bonjour !

j'ai fait ainsi que vous l'aviez proposé pour le logo :

#logo { float: left; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-bottom: 18px; }
.et_fixed_nav #logo { max-height: 180px; margin-bottom: 0; }
.et-fixed-header #logo { max-height: 180px; }

 

j'ai même testé plusieurs valeurs... la taille ne change jamais... même pas un peu... je suis allée jusqu'à 180 pour tester : aucune modification de la taille du logo !!

comment faire ?

( pour info je n'ai pas fait la mise à jour 4.2)

merci de votre aide...

Avatar
Mamyloups
Membre
Membres
Messages du forum : 18
Membre depuis :
6 avril 2015
sp_UserOfflineSmall Hors ligne
9
18 septembre 2015 - 17:58
sp_Permalink sp_Print

Bonjour,

Et voilà mon logo est encore devenu tout petit avec la nouvelle version de WordPress 4.3.1. et le thème DIVI. Et malheureusement on ne peut plus le modifier comme l'a indiqué Ailpp84. Cela marchait pourtant mais il fallait refaire la manip. à chaque nouvelle version. 

La,si on va dans le menu apparence - style CSS, il n'y a presque plus rien.

Quelqu'un a-t-il une solution ?

Merci pour votre aide.

Avatar
lagitaneduweb
Membre
Membres
Messages du forum : 1
Membre depuis :
31 août 2015
sp_UserOfflineSmall Hors ligne
10
22 septembre 2015 - 19:14
sp_Permalink sp_Print

@Mamyloups

le CSS principale renvois au dossier de css :
@import url("./css/main-styles.css?ver=2.5.3");

Vas voir dans le dossier css / répertoire main-styles.css

 

Bonne journée

Avatar
Mamyloups
Membre
Membres
Messages du forum : 18
Membre depuis :
6 avril 2015
sp_UserOfflineSmall Hors ligne
11
23 septembre 2015 - 20:34
sp_Permalink sp_Print

Bonjour lagitaneduweb,

Tout d'abord, merci pour ta réponse. Par contre j'ai un petit problème. Je suis allée à l'aide de Filezilla dans le répertoire wp-admin et css mais je n'ai pas trouvé le répertoire main-style. 

Et après je ne sais pas ce que je dois faire.

Bonne soirée et merci encore

Avatar
Ailpp84
France
Modérateur
Membres

Modérateurs
Messages du forum : 39
Membre depuis :
5 décembre 2014
sp_UserOfflineSmall Hors ligne
12
24 septembre 2015 - 07:36
sp_Permalink sp_Print

Bonjour Mamyloops,

Pour régler le logo dans les nouvelles version de Divi c'est possible directement par le menu Divi -> Personnaliseur de thème que tu trouve sur le en bas de la barre latérale de Wordpress.

Ensuite tu vas dans Entête et Navigation -> Barre de Menu Primaire -> Hauteur du Menu/Logo et la tu règles en déplacent le curseur et le tour est joué.

Il faut savoir que dans les dernières version de Divi il n'est plus nécessaire de toucher le css, il y a énormément de paramétrage possible. Dans chaque module vous avez un onglet Paramètres et sur certain un Paramètres avancés de conception.

Patrick

logo-93x60.jpg          Assistance Informatique et Logicielles aux Particuliers et Professionnels

Avatar
Mamyloups
Membre
Membres
Messages du forum : 18
Membre depuis :
6 avril 2015
sp_UserOfflineSmall Hors ligne
13
24 septembre 2015 - 08:44
sp_Permalink sp_Print

Bonjour Ailpp84,

Merci, tu es trop fort. Cela a bien fonctionné. Aurait-tu l'info aussi pour le pied de page ? 

A la place de : Design de Elegant Themes | Propulsé par WordPres je voudrais mettre le nom de notre siège social. 

Je te donne le nom de notre site : http://www.ctgltraineau06.org 

En tout cas, forum extraordinaire où bon nombre de Modérateurs se donne la peine de répondre à des personnes comme nous qui ne sont pas expertes.

Mamyloups

Avatar
Ailpp84
France
Modérateur
Membres

Modérateurs
Messages du forum : 39
Membre depuis :
5 décembre 2014
sp_UserOfflineSmall Hors ligne
14
24 septembre 2015 - 09:21
sp_Permalink sp_Print sp_EditHistory

Re,

Pour le pied de page c'est un peu plus compliqué. Il faut allez modifié directement le code. Toujours dans la barre latérale :

Apparence -> Editeur, tu choisis ensuite "pied de page (footer.php)", tu descend à la fin du fichier et tu cherches cette ligne de code :

<p id="footer-info"><?php printf( __( 'Designed by %1$s | Powered by %2$s', 'Divi' ), '<a href="http://www.elegantthemes.com" title="Premium WordPress Themes">Elegant Themes</a>', '<a href="http://www.wordpress.org">WordPress</a>' ); ?></p>

Pour ma part voila le code que je met à la place (J'inclus les mentions légales qui sont obligatoires sur un site internet) :

<p id="footer-info"><?php printf( __( 'Réalisé par %1$s | %2$s', 'Divi' ), '<a href="http://www.ailpp84.fr" title="Réalisation de site internet">AILPP 84</a>', '<a href="http://www.ailpp84.fr/mentions-legales">Mentions Légales</a>' ); ?></p>

  • En Vert c'est ce qui s'affiche
  • En Rouge ce sont les liens vers les pages à afficher
  • En Bleu c'est l'info-bulle (On peut ne rien mettre ou mettre une phrase explicative)
  • Je supprime le Powered by.

Par contre l'inconvénient c'est qu'a chaque mise à jour, il faut refaire la manipulation.

En espérant avoir répondu à ta demande.

PS : Pour ton site, penses a ouvrir les liens externes vers une nouvelles fenêtres (exemple reportage France 2), pour faire en sorte que le visiteurs ne te perde pas.

Patrick

logo-93x60.jpg          Assistance Informatique et Logicielles aux Particuliers et Professionnels

Avatar
Sylvain
Modérateur
Membres

Modérateurs
Messages du forum : 195
Membre depuis :
6 janvier 2014
sp_UserOfflineSmall Hors ligne
15
24 septembre 2015 - 19:25
sp_Permalink sp_Print

La suite de la discussion concernant  l'ouverture des liens externes vers une nouvelle fenêtre a été déplacé ici : Divi - Ouvrir un lien dans une fenêtre.

Merci de penser à créer un sujet différent pour chaque problème.

Bien à vous, et bonne continuation.

Sylvain

Fuseau horaire du forum :Europe/Paris

Nb max. d'utilisateurs en ligne :574

Actuellement en ligne :
6 Invité(s)

Actuellement sur cette page :
1 Invité(s)

Auteurs les plus actifs :

BrunoT: 52

vKr_Onii: 42

bosschris: 39

athox: 26

Martine677: 25

monchihuahua: 25

Dan: 24

regisbor33: 23

monblogestunroman: 23

Nouveaux membres :

josehartsock1

Talisker25

maziecrocker

barbpaulk0349

Djiman

sherrillv03

latashaflagg556

jefferybustamant

niklasm62431705

Statistiques du forum :

Groupes :3

Forums :9

Topics :702

Posts :2782

 

Statistiques des membres :

Invités: 23

Membres : 8655

Modérateurs : 27

Admins: 1

Administrateurs :Thibaud

Modérateurs :Sylvain, bruno, david, Catherine0614, zapps, soborne, Mojiezuo, Soufian Ait Tirite, Jeff, redwhirl, sigridregnier, Jess, Malles, spleen13, Alain2choeur, kaepaul, negativenetwork, Pictures4events, 100son, Ben 44, Ailpp84, joecab, SPITI, Fatalys, Therese, P-x3l, Gayraud Marina