× Merci de préciser dans le titre la version utilisée ( exemple: Gantry 5 - votre sujet )

Résolu image de fond

Plus d'informations
19 Oct 2018 18:29 - 20 Oct 2018 16:50 #1 par James Bond
image de fond a été créé par James Bond
Bonjour à tous,
J'utilise un template de Rockettheme dans la game Gantry 5. Je cherche à savoir comment mettre une image de fond.
Je pensais qu'avec un simple css ça fonctionnerait, mais il n'en est rien.
Merci de bien vouloir m'aider à résoudre ce problème.
Dernière édition: 20 Oct 2018 16:50 par tramber91.

Connectez-vous ou Créer un compte pour participer à la conversation.

Plus d'informations
19 Oct 2018 18:44 #2 par tramber91
Réponse de tramber91 sur le sujet image de fond
Bonjour

effectivement un simpe CSS suffit type pour section g-top (a mettre en custom.scss)
#g-top {
background: url(../images/ton-image.jpg) no-repeat center top;
background-attachment: fixed;
background-size: cover;
position: relative;
z-index: 10;
}

on peut voir le site ?
@+

Pas de support en MP sans y être invité. Merci
Merci de vous conformer aux règles du forum. Un merci, Cela fait toujours plaisir ;)
www.en-toutes-lettres.fr - Digital

Connectez-vous ou Créer un compte pour participer à la conversation.

Plus d'informations
20 Oct 2018 09:53 #3 par James Bond
Réponse de James Bond sur le sujet image de fond
Salut tramber91,
J'ai essayé ce que tu m'as indiqué, mais quelques chose a dû échapper.
dans /public_html/templates/rt_acronym/custom/scss/custom.scss
J'ai maintenant:

@import "dependencies";
@import "fixedheader";
#g-top {
background: url(../images/image_de_fond.png) no-repeat center top;
background-attachment: fixed;
background-size: cover;
position: relative;
z-index: 10;
}

Et si je comprends bien, je dois rajouter " g-top " dans CSS Classes dans le bloc ou la section où je souhaite que ce soit appliqué.
J'ai essayé sur un nouveau template de type default et rien n'y fait.
J'ai également essayé de faire un appel à partir Page settings/Atoms/Custom CSS / JS
en faisant un appel du fichier dans "File Location" et comme ça ne marchait toujours pas, j'ai tenté par "Inline CSS"
Mais rien ne bouge !

Connectez-vous ou Créer un compte pour participer à la conversation.

Plus d'informations
20 Oct 2018 11:50 #4 par tramber91
Réponse de tramber91 sur le sujet image de fond
Non
Le g-top c'est si tu veux rajouter une image de fond en section top.

Si tu veux rajouter une image de fond sur toutes la page comme le template remnant

je mettrai en transparence les couleurs de base



puis en custom.scss tes codes css
html #g-page-surround {
background: #14151e;
overflow: hidden;
background-image: url(https://demo.rockettheme.com/live/joomla/remnant/templates/rt_remnant/custom/images/backgrounds/base/img-01.jpg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: top;
}

après tu joues sur les couleurs de fond des sections (Background)
j'y met une couleur de fond elle apparaît
je la met en transparence, c'est mon image de fond global qui apparaît

@+

Pas de support en MP sans y être invité. Merci
Merci de vous conformer aux règles du forum. Un merci, Cela fait toujours plaisir ;)
www.en-toutes-lettres.fr - Digital

Connectez-vous ou Créer un compte pour participer à la conversation.

Plus d'informations
20 Oct 2018 13:01 #5 par James Bond
Réponse de James Bond sur le sujet image de fond
Super ! Merci. Ça fonctionne.

Connectez-vous ou Créer un compte pour participer à la conversation.

  • Vous ne pouvez pas: Créer un nouveau sujet.
  • Vous ne pouvez pas: Répondre au sujet.
  • Vous ne pouvez pas: Éditer votre message.
Modérateurs: tramber91sergestarter
Temps de génération de la page : 0.330 secondes