Footer - Reihenfolge der Blöcke

[Porter Ricks]

Hallo Gemeinde,

 

war lange nicht hier und grüße alle bei diesem herrlichen Wetter.

 

Ich suche mir mit meinem gefährlichem Halbwissen die global.css wund um den Footer zu sortieren (siehe Anhang). Ich hätte gerne die Blöcke auf einer Höhe und in der Reihenfolge Kategorien - Mein Konto - Informationen - Kontakt. Könnte evtl. jemand einen Tipp geben. Des Weiteren würde ich gerne den Schatten der Schrift weghaben und den Zeilenabstand im Infoblock unter der Überschrift, dem der anderen Blöcke anpassen. Weiß vllt. jemand Rat.

 

Mit sonnigen Grüßen, Porter Ricks

 

Prestashop 1.6.0.5

 

 

Ok, den Schatten hab ich auskommentiert. Ich bekomm es nicht hin die Reihenfolge zu ändern.

Vllt. kann ja jemand was mit dem Snippet aus der global.css anfangen und mal drüberschauen?

.footer-container {
  background-color: #333333; }
  @media (min-width: 768px) {
    .footer-container {
      background: url(../img/Header_freejump.png); } }
  .footer-container .container {
    padding-bottom: 70px; }
  .footer-container #footer {
    color: #333333; }
    .footer-container #footer .row {
      position: relative; }
    .footer-container #footer .footer-block {
      margin-top: 15px; }
      @media (max-width: 767px) {
        .footer-container #footer .footer-block {
          margin-top: 20px; } }
    .footer-container #footer a {
      color: #333333; }
      .footer-container #footer a:hover {
        color: #333333; }
    .footer-container #footer h4 {
      font: 600 18px/22px "Open Sans", sans-serif;
      color: #333333;
      margin: 0 0 13px 0; }
      @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: #333333; }
    .footer-container #footer ul li {
      padding-bottom: 8px; }
      .footer-container #footer ul li a {
        font-weight: regular;
        /*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;
		  color: #333333;
          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: #333333;
			font-size: 16px;
            font-weight: lighter; }
          .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";
			  color: #333333;
              vertical-align: -5px; }
            .footer-container #footer #social_block ul li a:hover {
              color: white; }
          .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 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%;
		color: #333333}

Edited July 18, 2014 by Porter Ricks (see edit history)