Jump to content

Image de fond 1.7.7.1 Classic


Recommended Posts

Bonjour,

Pour installer une image de fond sur le thème Classic j'ai mis ces lignes dans custom css:

@media(min-width:1024px){ #wrapper .container{ background:#fff; padding-top:20px; } #wrapper{ padding-top: 0; background: url('https://www.dentelletaffetas.com/img/cms/back1.jpg'); /*--Pour répéter l'image sur tout le fond d'écran, activer la ligne ci-dessous--*/ background-repeat: repeat; /*--Pour avoir une image de fond qui recouvre tout l'écran, activer la ligne ci-dessous--*/ /*background-image: cover;*/ } }

 

J'ai mis l'image dans img/cms

Ensuite j'ai vidé le cache du navigateur et aussi de Presta.

Mais il ne se passe rien.

Merci de me dépanner

Bien cordialement

Marie-Pascale

Link to comment
Share on other sites

Bonjour.

Votre code à l'air de fonctionné.

Il applique bien votre image à l'élément  wrapper. celui-ci étant réglè en largeur maximum à 1140px l'image n'en dépasse pas, ce qui est normale aussi.

Si vous souhaitez par exemple qu'il prenne toute la largeur vous pouvez appliquer votre code au "body" par exemple... c'est à voir en fonction de ce que vous voulez faire, est-ce jute pour une page, ou pour tout le site etc....

Capture d’écran 2021-02-13 à 20.31.31.png

Edited by Remy FRK Corp (see edit history)
Link to comment
Share on other sites

Bonjour,

Et merci beaucoup de m'avoir répondu.

En fait j'ai écri ce code dans custom css:

#wrapper {
Background-image: url('https://www.dentelletaffetas.com/themes/blck/assets/img/back1.jpg');
 box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.11);
 padding-top: 1.5625rem; }

Mais comme vous voyez , çà ne l'applique pas au bon endroit .

Je souhaitai avoir ce résultat:  http://www.femmes-1900.com/fr/

J'ai certainement oublié quelque chose?

Pouvez-vous m'aider. Merci

Bon week end

Bien cordialement

Marie-Pascale

 

Link to comment
Share on other sites

Bonjour.

Votre structure html n'est pas la mème d'un site à l'autre... le plus approchant serait quelque chose dans ce style dans custom css a la place de votre code :

@media(min-width:1024px) {
body#index {
    Background-image: url('/themes/blck/assets/img/back1.jpg');
    background-position: top center;
  
 }
}

si vous voulez ca sur toutes les pages retirez le #index

Edited by Remy FRK Corp (see edit history)
Link to comment
Share on other sites

Merci beaucoup. Cà marche 😀😀

J'aurai encore une petite question si je peux me permettre

Sur l'image de la fiche produit apparait la mention NEUF bien qu'elle soit désactivée sur la fiche produit dans la section options et visibilité .

Savez-vous comment supprimer cette mention ? Merci encore

Bon week end

Bien cordialement

Marie-Pascale

Link to comment
Share on other sites

tenez collez ca dans votre custom css a la place de votre ancien code :

@media(min-width:1024px) {
body#index {
    Background-image: url('/themes/blck/assets/img/back1.jpg');
    background-position: top center; 
}
.d-block {
    background: #fdf3c9;
 }
 .img-fluid, .img-thumbnail {
    max-width: 1140px;
    margin: 0 auto;
    display: block;
}
.header-nav.u-bor-bot,.search-widget__btn {
    background: #16315E;
}
#_desktop_contact_link .u-link-body,.btn-group-sm > .btn, .btn-sm,.u-link-body,.shopping-cart {
    color: #fdf3c9;
}
.logo.img-fluid {
    width: 100%;
}
.search-widget__input-right,#top-menu {
    background: #fdf3c9;
}
.material-icons.search {
    color: #fff;
    font-weight: 700;
}
.header__right.header-top__col {
    padding: 8px;
    background: #16315e;
    width: auto;
 }
}

c'est pas exactement ca mais c'est cadeau

Edited by Remy FRK Corp (see edit history)
Link to comment
Share on other sites

8 minutes ago, requer said:

Merci beaucoup. Cà marche 😀😀

J'aurai encore une petite question si je peux me permettre

Sur l'image de la fiche produit apparait la mention NEUF bien qu'elle soit désactivée sur la fiche produit dans la section options et visibilité .

Savez-vous comment supprimer cette mention ? Merci encore

Bon week end

Bien cordialement

Marie-Pascale

1topic=1post c'est la regle du forum...question qui revient...trop posée et résolue sur le forum

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...