[GELÖST] verschiedene Footer ? Sozialmedienbalken entfernen

[unikum]

Hallo zusammen

Prestashop 1.6.18 - standard template bootstrap

Oberhalb des Footers gibt es so ein Balken der auch zum Footer gehört, aber farblich abgehoben (heller)  ist. Darin findet man Sozial Media und Newsletteranmeldung. Irgendwie gehört es zum Footer doch ist irgendwie ein Spezialbereich. Andere Module kann ich dort nicht anzeigen lassen. 

Da ich keinen minimalistischen Shop aufsetzen möchte, will ich diesen Balken mit Newsletter / Sozial Media nicht. Doch wenn ich die Module deaktiviere passiert folgendes: Alles rutscht nach oben in den helleren Balken, anstatt, dass er verschwinden würde. 

Das sieht natürlich grottenschlecht aus. 

Schlimmstenfalls würde ich es akzeptieren wenn dieser Bereich einfach leer wäre, oder ich ihn für einen Text (zb. Shopadresse) , Links oder Banner brauchen könnte, aber so gefällt es mir nicht. 

Weiss jemand wie man diesen Balken weg bringt oder wie er besser genutzt werden kann ?

Im Anhang Vorher- Nachher - Bild. Es ist selbsterklärend

Edited March 30, 2018 by unikum (see edit history)

[Claudiocool]

du musst dem Balken nur denselben Style zuweisen wie dem Footer, das ganze findest du in der Global.css

[rictools]

Ändere für .footer-container die css-Anweisung für background.

[unikum]

Besten Dank für die nützlichen Tipps- gute Idee mit der Farbenänderung. 

Ich blick jedoch nicht durch, welche Stelle dafür massgeblich sein soll. Könnte es mir evt. jemand fett markieren ?

 

.footer-container {
  background-color: #333; }
  @media (min-width: 768px) {
    .footer-container {
      background: url(../img/footer-bg.png) repeat-x #333; } }
  .footer-container .container {
    padding-bottom: 100px; }
  .footer-container #footer {
    color: #777777; }
    .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: #777777; }
      .footer-container #footer a:hover {
        color: #fff; }
    .footer-container #footer h4 {
      font: 600 18px/22px "Open Sans", sans-serif;
      color: #fff;
      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: #908f8f; }
    .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: #908f8f;
            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%; }
 

[rictools]

Es könnte die Zeile 5 sein. Ggf. nutze die Untersuchen-Funktion des Browsers, der Footer von Prestashop ist leider sehr unübersichtlich aufgebaut.

[unikum]

Also ich habe es nun ganz einfach gelöst. Beim Standard Template kann man bei 1.6 beim eingeloggten zustand das Shop Desgin etwas einstellen (Farben und Schriftarten). Je nach Einstellung  verändern sich auch die Farben der Menubegrenzungen. Bei gelb und rot siehts ganz passabel aus. Problem nicht eigentlich gelöst aber elegant umschifft