Jump to content

Recommended Posts

Bonjour

 

Besoin d'aide!!!

 

Sur mon site en bas de page (footer) juste au dessus du bloc information, j'ai plusieurs blocs avec des point d'interrogation. 

Elle fait la largeur de la page, rien sur google chrome par contre existante sur explorer et mozilla.

 

voici le site. www.thelittlecandyshop.com

Merci

Share this post


Link to post
Share on other sites

Merci de votre réponse. 

J'abuse de votre temps. Etant novice dans ce domaine, une solution a me donner. Dois-je supprimer cette image ou chercher peut etre un module qui aurait plus planter ?

 

Share this post


Link to post
Share on other sites

tu à du toucher à quelque chose comme le css.

Il ne trouve pas l'image que tu as dans le css:

    background: url(https://www.thelittlecandyshop.com/themes/default-bootstrap/css/../img/footer-bg.png) repeat-x #e2007a;

Share this post


Link to post
Share on other sites

Supprimer le lien de l'image depuis votre fichier css et garder uniquement la couleur car sur firefox les liens du pied de page passent dessus.

background:  #e2007a;

Capture.PNG

Share this post


Link to post
Share on other sites

C'est bien là ou je bloque, c'est que je ne trouve pas le lien de l'image car je ne sais pas dans quel fichier css chercher. j'ai apres css autoload, font- awesome et module. 

Ensuite j'ai plusieurs fichiers en .css

je ne sais pas ou trouver img/footer-bg.png

 

Merci de ton aide

Share this post


Link to post
Share on other sites

Désactiver la compression et cache du CSS depuis votre BO Paramètre avancé->Performance et vider le cache aussi, ce sera plus facile pour trouver le bon fichier CSS

Share this post


Link to post
Share on other sites

ouvre ton fichier dans ton éditeur de texte, et recherche ceci: img/footer-bg.png) repeat-x #e2007a;

dans la fonction recherche de ton éditeur. Tu va vite trouver.

Share this post


Link to post
Share on other sites

Le problème vient surement de l'accès aux images il y a quoi dans le dossier  themes/default-bootstrap/img/

Share this post


Link to post
Share on other sites

j'ai effectivement trouvé la ligne, j'ai supprimé mais toujours le même problème

sur le global css vocii la ligne que j'ai actuellement

  background: #e2007a; 

 

les lignes juste avant et apres

.footer-container {
  background-color: #a1c13a; }
  @media (min-width: 768px) {
    .footer-container {
      background: #e2007a; 
  .footer-container .container {
    padding-bottom: 100px; }
  .footer-container #footer {
    color: #ffffff; }

Share this post


Link to post
Share on other sites

cherche ca:

.footer-container {

    background: url(../img/footer-bg.png) repeat-x #e2007a;

Share this post


Link to post
Share on other sites

Et c'est surement ça le problème il manque le dossier img

Récupérer le depuis une sauvegarde ou prenez celui joint et placez-le dans le dossier  themes/default-bootstrap

img.zip

Share this post


Link to post
Share on other sites

J'ai supprimé url (../img/footer-bg.png) repeat-x

j'ai actuellement .footer-container {
      background: #e2007a; 

Share this post


Link to post
Share on other sites
4 minutes ago, Manu-shop said:

ou

.footer-container

il peut en avoir plusieurs

non j'en ai qu 1 seul. j'ai recherché

 

Share this post


Link to post
Share on other sites
5 minutes ago, Manu-shop said:

ou

.footer-container

il peut en avoir plusieurs

regarde.

.footer-container {
  background-color: #a1c13a; }
  @media (min-width: 768px) {
    .footer-container {
      background: #e2007a; 
  .footer-container .container {
    padding-bottom: 100px; }
  .footer-container #footer {
    color: #ffffff; }
    .footer-container #footer .row {
      position: relative; }
    .footer-container #footer ul.row {
      position: static; }
    .footer-container #footer .footer-block {
      margin-top: 45px; }
      @media (max-width: 767px) {
        .footer-container #footer .footer-block {
          margin-top: 20px; } }
    .footer-container #footer a {
      color: #ffffff; }
      .footer-container #footer a:hover {
        color: #fff; }
    .footer-container #footer h4 {
      font: 600 18px/22px "Open Sans", sans-serif;
      color: #ffffff;
      margin: 0 0 13px 0;
      cursor: pointer; }
      @media (max-width: 767px) {
        .footer-container #footer h4 {
          position: relative;
          margin-bottom: 0;
          padding-bottom: 13px; }
          .footer-container #footer h4:after {
            display: block;
            content: "\f055";
            font-family: "FontAwesome";
            position: absolute;
            right: 0;
            top: 1px; }
          .footer-container #footer h4.active:after {
            content: "\f056"; } }
      .footer-container #footer h4 a {
        color: #fff; }
    .footer-container #footer ul li {
      padding-bottom: 8px; }
      .footer-container #footer ul li a {
        font-weight: bold;
        text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4); }
    .footer-container #footer #block_contact_infos {
      border-left: 1px solid #515151; }
      @media (max-width: 767px) {
        .footer-container #footer #block_contact_infos {
          border: none; } }
      .footer-container #footer #block_contact_infos > div {
        padding: 0 0 0 5px; }
        @media (max-width: 767px) {
          .footer-container #footer #block_contact_infos > div {
            padding-left: 0; } }
        .footer-container #footer #block_contact_infos > div ul li {
          padding: 0 0 7px 4px;
          overflow: hidden;
          line-height: 30px; }
          .footer-container #footer #block_contact_infos > div ul li > span,
          .footer-container #footer #block_contact_infos > div ul li > span a {
            color: #fff;
            font-weight: normal; }
          .footer-container #footer #block_contact_infos > div ul li i {
            font-size: 25px;
            width: 32px;
            text-align: center;
            padding-right: 12px;
            float: left;
            color: #fff; }
    .footer-container #footer .blockcategories_footer {
      clear: left; }
    .footer-container #footer #social_block {
      float: left;
      width: 50%;
      padding: 22px 15px 0 15px; }
      @media (max-width: 767px) {
        .footer-container #footer #social_block {
          width: 100%;
          float: left;
          padding-top: 5px; } }
      .footer-container #footer #social_block ul {
        float: right; }
        @media (max-width: 767px) {
          .footer-container #footer #social_block ul {
            float: none; } }
        .footer-container #footer #social_block ul li {
          float: left;
          width: 40px;
          text-align: center; }
          @media (min-width: 768px) and (max-width: 991px) {
            .footer-container #footer #social_block ul li {
              width: 30px; } }
          .footer-container #footer #social_block ul li a {
            display: inline-block;
            color: #a1c13a;
            font-size: 28px; }
            @media (min-width: 768px) and (max-width: 991px) {
              .footer-container #footer #social_block ul li a {
                font-size: 20px; } }
            .footer-container #footer #social_block ul li a span {
              display: none; }
            .footer-container #footer #social_block ul li a:before {
              display: inline-block;
              font-family: "FontAwesome";
              vertical-align: -5px;
              font-weight: normal;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale; }
            .footer-container #footer #social_block ul li a:hover {
              color: #fff; }
          .footer-container #footer #social_block ul li.facebook a:before {
            content: "\f09a"; }
          .footer-container #footer #social_block ul li.twitter a:before {
            content: "\f099"; }
          .footer-container #footer #social_block ul li.rss a:before {
            content: "\f09e"; }
          .footer-container #footer #social_block ul li.youtube a:before {
            content: "\f167"; }
          .footer-container #footer #social_block ul li.google-plus a:before {
            content: "\f0d5"; }
          .footer-container #footer #social_block ul li.pinterest a:before {
            content: "\f0d2"; }
          .footer-container #footer #social_block ul li.vimeo a:before {
            content: "\f194"; }
          .footer-container #footer #social_block ul li.instagram a:before {
            content: "\f16d"; }
      .footer-container #footer #social_block h4 {
        float: right;
        margin-bottom: 0;
        font-size: 21px;
        line-height: 25px;
        text-transform: none;
        padding: 0 10px 0 0; }
        @media (max-width: 767px) {
          .footer-container #footer #social_block h4 {
            display: none;
            text-align: center; } }
    .footer-container #footer .bottom-footer {
      position: absolute;
      bottom: -55px;
      left: 0; }
      .footer-container #footer .bottom-footer div {
        padding: 15px 0 0 0;
        border-top: 1px solid #515151;
        width: 100%; }

Share this post


Link to post
Share on other sites
4 minutes ago, Stéphane said:

Et c'est surement ça le problème il manque le dossier img

Récupérer le depuis une sauvegarde ou prenez celui joint et placez-le dans le dossier  themes/default-bootstrap

img.zip 49.38 kB · 0 downloads

Merci, je vais le faire, je reviens vers vs.

 

Merci

Share this post


Link to post
Share on other sites
3 minutes ago, Manu-shop said:

ou ajoute ceci:

background-color: #a1c13a !important;

ca fonctionne

Juste apres la ligne 7236 ?

 

Edited by Sofian-13 (see edit history)

Share this post


Link to post
Share on other sites

ou tu a ta couleur, tu ajoute

!important

ce qui donne

background-color: #a1c13a !important;

Share this post


Link to post
Share on other sites
5 minutes ago, Manu-shop said:

ou tu a ta couleur, tu ajoute

!important

ce qui donne

background-color: #a1c13a !important;

Voila la modif

 .footer-container {
      background: #e2007a!important;

cache vidé, il y a toujours les cases au footer avec l'interrogation

Share this post


Link to post
Share on other sites

manque espace

#a1c13a !important;

pour ma par ca fonctionne.

tu est bien à la ligne 7233 ? + ou -

Share this post


Link to post
Share on other sites
9 minutes ago, Manu-shop said:

manque espace

#a1c13a !important;

pour ma par ca fonctionne.

tu est bien à la ligne 7233 ? + ou -

 

Idem... Toujours les cases

voilà les ligne a partir de la ligne 7233

 

7233 .footer-container {
            background-color: #a1c13a; !important; }
           @media (min-width: 768px) {
           .footer-container {
           background: #e2007a;
          .footer-container .container {
          padding-bottom: 100px; }
          .footer-container #footer {

Share this post


Link to post
Share on other sites

est tu dans le bon thème?

car normalement c'est ca.

tu test les modifs sur firefox et ca fonctionne.

Share this post


Link to post
Share on other sites
9 minutes ago, Manu-shop said:

est tu dans le bon thème?

car normalement c'est ca.

tu test les modifs sur firefox et ca fonctionne.

Sur Chrome aucun probleme mais sur mizilla et explorer ya toujours cette barre de ? 

Sur mon chemin /www/themes/default-bootstrap/css, je n'ai pas le fichier img. on m'a dit de le rajouter dans mon theme. 

qu'es ce que tu en penses?

Edited by Sofian-13 (see edit history)

Share this post


Link to post
Share on other sites

normalement la modif fonctionne. Surtout si tu à changé le chemin.

rajoute le dossier img, mais je ne pense pas que cela va fonctionner.

tu dit que sur chrome ca fonctionne bien?

Share this post


Link to post
Share on other sites

s'il n'y a pas de dossier img dans le dossier /themes/default-bootstrap les image ne s'affiche pas, regardez la page contactez-nous...

Edited by Stéphane (see edit history)

Share this post


Link to post
Share on other sites

J'ai rajouter le dossier img est BOOM, il fonctionne... 

Merci infiniment pour ton aide.

 

 

  • Like 1

Share this post


Link to post
Share on other sites
27 minutes ago, Stéphane said:

s'il n'y a pas de dossier img dans le dossier /themes/default-bootstrap les image ne s'affiche pas, regardez la page contact-nous...

Merci les gars

Vs etes des bombes... Merci encore

 

Edited by Sofian-13 (see edit history)
  • Like 1

Share this post


Link to post
Share on other sites

Stéphane 2 petites question car je sèche depuis un moment

mon bloc like box comme tu peux le constater, la taille n'est pas la bonne, impossible de trouver le dossier pour modifier cette taille et la mettre en Francais par la même occasion.

Ensuite, juste plus bas, j'ai les 4 logos réseaux social qui sont de la même couleur (vert), je voudrais mettre a chaque logo sa couleur propre a elle. Une idée?

Share this post


Link to post
Share on other sites

Comme tout à l'heure il faut désactiver la compression et cache CSS pour identifié les bons fichiers

Share this post


Link to post
Share on other sites

il te faut mettre des classes de couleur à chaque logo (si tu veux des couleurs différentes).

La like box, je ne vois pas de souci de taille.

Share this post


Link to post
Share on other sites
20 minutes ago, Manu-shop said:

il te faut mettre des classes de couleur à chaque logo (si tu veux des couleurs différentes).

La like box, je ne vois pas de souci de taille.

Tu peux m'expliquer dans quel fichier ajouter les classes couleurs.

Sur mon pc j'ai une bande blanche sur la gauche d'1 cm

Share this post


Link to post
Share on other sites

Pour ta like box tu peux forcer les dimensions comme ceci du fichier global.css ligne 8407
 

#facebook_block .facebook-fanbox {

border: 1px solid #aaaaaa;

width: 300px;

height: 183px;

}

 

Share this post


Link to post
Share on other sites
9 minutes ago, Stéphane said:

Pour ta like box tu peux forcer les dimensions comme ceci du fichier global.css ligne 8407
 


#facebook_block .facebook-fanbox {

border: 1px solid #aaaaaa;

width: 300px;

height: 183px;

}

 

Merci Stéphane.

Share this post


Link to post
Share on other sites

Pour les liens réseaux tu peux utiliser les class comme le conseil Manu ou alors ajoute la couleur directement sur l'image mais tu perdras la couleur au survol.
 

.footer-container #footer #social_block ul li.google-plus a::before {
    content: "\f0d5";
    color: Ta couleur;
}

.footer-container #footer #social_block ul li.instagram a::before {

     content: "\f16d";

    color: Ta couleur;

}

.footer-container #footer #social_block ul li.twitter a::before {

    content: "\f099";

    color: Ta couleur;

}

.footer-container #footer #social_block ul li.facebook a::before {

    content: "\f09a";

    color: Ta couleur;

}

 

Share this post


Link to post
Share on other sites
Il y a 12 heures, Sofian-13 a dit :

Stéphane 2 petites question car je sèche depuis un moment

mon bloc like box comme tu peux le constater, la taille n'est pas la bonne, impossible de trouver le dossier pour modifier cette taille et la mettre en Francais par la même occasion.

Ensuite, juste plus bas, j'ai les 4 logos réseaux social qui sont de la même couleur (vert), je voudrais mettre a chaque logo sa couleur propre a elle. Une idée?

 

Citation

1 topic = 1 sujet de conversation
- Si vous avez plus d’une question, créez plus d’un sujet !
- Ne posez pas votre question dans un topic qui ne traite pas exactement le même sujet. Ouvrez un nouveau topic, c’est fait pour ça !

 

Share this post


Link to post
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...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More