Centrer mes widget de bas de page.

• 

  lucette63 · Membre · mars 18, 2016 at 1:23

  • Copier le lien
  • Ajouter le thème aux favoris

  Bonjour,

  Sur mon blog j’ai 4 widgets en bas de page, mais ils apparaissent à gauche. J’aimerai qu’ils s’affichent au centre de mon bas de page.

  Je ne sais pas comment faire pour modifier ça.

  Je vous mets, les différents codes CSS que j’ai rajouté dans la partie « personnaliser ». Peut-être qu’il faut supprimer une ligne de code, ou la modifier.

  /* Change menu color on hover */
  #site-navigation a:hover, #site-navigation a:focus {
  color: gris;
  }

  #site-navigation #menu-item-21 a {
  color: #000000;
  font-size: 2rem;
  }

  .widget-area .widget {
  text-align: center;
  margin-top: -60px;
  }

  .sd-social-icon .sd-content ul li[class*=’share-‘] a, .sd-social-icon .sd-content ul li[class*=’share-‘] a:hover {
  padding: 10px;
  }

  .site-header, .is-scrolled .site-header, .home .site-header, .blog .site-header {
  background: rgba(255,216,217,0.5) none repeat scroll 0 0;
  }

  .sd-content a::before {
  font-size: 20px !important;
  }

  @media only screen and (min-width: 1110px) {
  div#content {
  padding-top: 70px !important;
  }
  }

  @media only screen and (min-width: 961px) and (max-width: 1109px) {
  div#content {
  padding-top: 100px !important;
  }
  }

  @media only screen and (min-width: 681px) {
  .widget-area .widget {
  float: none;
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
  transform: translate3d(0,0,0) !important;
  /* removing the animation for the search widget when it’s position changes */
  }
  }

  .widget-area.widgets-two .widget, .has-post-thumbnail.is-singular:not(.home):not(.single-format-image) .widget-area .widget, .has-post-thumbnail.is-singular:not(.home):not(.single-format-image) .widget-area.widgets-three .widget {
  width: 60%;
  /* This can be 100% as well but causes the search bar to be way too big on the home page. We can fine tune it depending on your needs. */
  margin: 0 auto;
  }

  .comments-area-wrapper {
  padding: 0 0 .1rem !important;
  /* 2rem and 0.5rem can be lowered further to reduce the space between the article and the comments area even more */
  }

  Est-ce que quelqu’un peu m’aider ? Ce serait super gentil de votre part.

  Merci

  Lucette.

  L’adresse du blog concerné est (visible uniquement pour les utilisateurs connectés).