Modifier taille image design rome

[Charlenetwoenjoy]

Bonjour à tous,

Sur mon site twoenjoy.fr j'utilise le design rome, le seul problème est que je n'arrive pas à agrandir la taille de mon image à la largeur que je souhaite. Je sais qu'il faut ajouter du code mais je ne suis pas très douée pour ça
je voudrais que mon bandeau d'accueil soit légèrement plus grand qu'actuellement.

Merci pour votre aide  
Charlène

[FredVig]

Plus grand que 100% de la largeur de fenêtre ?



Les arrières-plans Jimdo s'adaptent à la largeur d'écran.
Si vous voulez qu'une seule partie de l'image soit visible, recadrez-là et importez-là à nouveau.
Mais je suppose que je ne comprends pas bien ce que vous cherchez à réaliser…

[Charlenetwoenjoy]

oui je me suis peut être mal exprimée

Je souhaite agrandir la taille de mon header, l'image qui apparait est trop petite pour moi non pas en largeur d'écran mais en
hauteur.

Merci

[FredVig]

On est effectivement psycho-rigides à ce sujet :
dimension horizontale = largeur
dimension verticale = hauteur.

Il faut explorer le code et modifier les valeurs pour les mobiles et pour les écrans "larges". quelque chose dans ce genre :
.

Code:

@media(min-width:768px) {
.jtpl-header--image {
   height: 1000px;
}
}

Mais il vous faut forcément comprendre comment "ça fonctionne" donc > lisez les tutos sur "modifier le Head"

[Charlenetwoenjoy]

merci beaucoup pour la réponse

j'arrive à savoir ou modifier le head ( j'ai lu pas mal de message sur ce forum), en revanche je ne vois pas comment agrandir la hauteur de mon image.

merci encore je vais regarder ça

[FredVig]

collez le code que je vous ai indiqué en modifiant le 1000px si ça fait trop. n'oubliez pas les balises de déclaration de css autour du code.

Code:

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

ICI VIENDRONT TOUS VOS CODES DE MODIFICATION CSS POUR TOUT LE SITE

/*]]>*/
</style>

[Charlenetwoenjoy]

Merci beaucoup pour votre réponse

[Charlenetwoenjoy]

re bonjour,

J'ai l'impression d'avoir cherché de partout et je n'arrive toujours pas à comprendre le fonctionnement des codes. J'ai essayé sur mon site mais rien ne change.

Je dois rajouter des balises css de declaration autour du code en sachant que je souhaite simplement changer la hauteur de mon bandeau.

Merci beaucoup pour votre aide.

[FredVig]

Vous allez dans "modifier le head"
vous collez dans la partie principale :

Code:


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

@media(min-width:768px) {
.jtpl-header--image {
  height: 1000px;
}
}

/*]]>*/
</style>

Vous enregistrez
Vous ouvrez une fenêtre sur votre site en mode visiteur
Vous ajustez sur la fenêtre administrateur la valeur 1000px de façon à ce que cela convienne en visiteur.
Il faut enregistrer la modification et recharger la page visiteur à chaque modification de code

[Charlenetwoenjoy]

Merci de votre aide précieuse !

N'hésitez pas à m'envoyer votre adresse postale en MP, pour vous remercier je vous offre une petite surprise

[FredVig]

Merci, mais ce n'est pas la peine, c'est juste pour illustrer le principe de la modification de Head. Le tout est d'essayer de comprendre pour devenir indépendant sur ces petites manipulations.

[Charlenetwoenjoy]

Bonjour,

Je viens de m'apercevoir que mon site n'est plus du tout responsive depuis que j'ai ajouté le code pour modifier la taille de mon bandeau. Il n'apparait plus sur les téléphones, tablettes et PC

merci de votre réponse

[FredVig]

Vérifiez que cela viens du code en le supprimant, mais ce serait surprenant. De mon côté, votre site fonctionne en écran étroit sans problème.

[Contenu sponsorisé]