Schriftgröße- und Breite wie bearbeiten?

[EO4S]

Hallo, 

wie bearbeite ich die Größe, Breite und Farbe der Schriften in der Fußzeile. Die gleichen Änderungen möchte ich auch in den Kategoriebezeichnungen vornehmen.

Theme ist Dawn. 

Danke im Voraus für die Hilfestellungen

 

[Gabe]

Hi @EO4S 

Danke für das Bild und da du solche Elemente ändern möchtest wirst du in das CSS des Dawn Themes eingreifen müssen - aber wir raten zuerst in einer Testumgebung. Einen Experten kann ich dazu empfehlen der das für dich machen kann, wie www.taskhusky.com. 

In deinen footer.css findest du bestimmt die Stelle wo die Fontgröße in REMs (relativ zur Root Font Size im css) gesetzt ist, wie beispielsweise:

@media screen and (min-width: 750px) {
  .footer-block__details-content .list-menu__item--link {
    display: inline-block;
    font-size: 1.4rem;
  }

Das siehst du in der Chrome Developer Console wenn du auf dein Font im Footer rechts-klickst -> Inspect:

Die selben Stellen findest du auch in der Developer Console für deine Kategoriebezeichnungen mit einem Rechtsklick -> Inspect. Aber wie gesagt, das in einer Testumgebung zuerst testen und

bei weiteren Fragen rate ich einen Experten wie Taskhusky.com zu konsultieren.

Einen Code habe ich auf CodePen gefunden der dir ggf. ein tolles Footer Menu bescheren kann hier:

Spoiler

.footer {
  background-color: #414141;
  width: 100%;
  text-align: left;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 16px;
  padding: 50px;
  margin-top: 50px;
}

.footer .footer-left,
.footer .footer-center,
.footer .footer-right {
  display: inline-block;
  vertical-align: top;
}


/* footer left*/

.footer .footer-left {
  width: 33%;
  padding-right: 15px;
}

.footer .about {
  line-height: 20px;
  color: #ffffff;
  font-size: 13px;
  font-weight: normal;
  margin: 0;
}

.footer .about span {
  display: block;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 20px;
}

.footer .icons {
  margin-top: 25px;
}

.footer .icons a {
  display: inline-block;
  width: 35px;
  height: 35px;
  cursor: pointer;
  background-color: #33383b;
  border-radius: 2px;
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  line-height: 35px;
  margin-right: 3px;
  margin-bottom: 5px;
}


/* footer center*/

.footer .footer-center {
  width: 30%;
}

.footer .footer-center i {
  background-color: #33383b;
  color: #ffffff;
  font-size: 25px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  text-align: center;
  line-height: 42px;
  margin: 10px 15px;
  vertical-align: middle;
}

.footer .footer-center i.fa-envelope {
  font-size: 17px;
  line-height: 38px;
}

.footer .footer-center p {
  display: inline-block;
  color: #ffffff;
  vertical-align: middle;
  margin: 0;
}

.footer .footer-center p span {
  display: block;
  font-weight: normal;
  font-size: 14px;
  line-height: 2;
}

.footer .footer-center p a {
  color: #0099ff;
  text-decoration: none;
}


/* footer right*/

.footer .footer-right {
  width: 35%;
}

.footer h2 {
  color: #ffffff;
  font-size: 36px;
  font-weight: normal;
  margin: 0;
}

.footer h2 span {
  color: #0099ff;
}

.footer .menu {
  color: #ffffff;
  margin: 20px 0 12px;
  padding: 0;
}

.footer .menu a {
  display: inline-block;
  line-height: 1.8;
  text-decoration: none;
  color: inherit;
}

.footer .menu a:hover {
  color: #0099ff;
}

.footer .name {
  color: #0099ff;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
}

@media (max-width: 767px) {
  .footer {
    font-size: 14px;
  }
  .footer .footer-left,
  .footer .footer-center,
  .footer .footer-right {
    display: block;
    width: 100%;
    margin-bottom: 40px;
    text-align: center;
  }
  .footer .footer-center i {
    margin-left: 0;
  }
}

Lass wissen, wenn du weitere Fragen hast zum obigen Thema oder generell zu deinem Shop und Business und gerne können wir das hier weiter besprechen!
 
2022 wird dein Jahr! Haltet Abstand und bleibt Gesund.

[EO4S]

Vielen Dank für die Hilfe!

Ich habe die Anweisung befolgt und versucht im Footer Dicke und Größe der Schriften zu ändern. Egal welchen Wert ich geändert habe es hat nichts gebracht und im Shop hat sich auch nichts geändert. Wie gehe ich weiter vor? 

[Gabe]

Gut, da nun das ein Shopify Theme ist und du auf einem bezahlten Plan dann können wir das ggf. anschauen als Teil deiner 60-Min Design Time. Prüfe bitte aber vorher die Designrichtlinie hier ob das mit im Design Time beinhaltet ist.

Sende bitte eine E-Mail an unseren Support hier (https://bit.ly/3cwO7ym) von der E-Mail-Adresse, die du zur Anmeldung in deinem Shopify-Shop verwendest, und gib deine myshopify.com-URL da auch ein. Sobald die dein Konto authentifiziert haben, können sie dir weiterhelfen.

Wenn das nicht in unserer Designrichtlinie mit dabei ist dann wird das nun einen Programmierer verlangen. Somit wäre das, wie gesagt, eine Sache für einen Experten wie den Taskhusky von oben. Dieser kann dir auch gleichzeitig weitere Anpassungen machen wenn du auch andere Sachen brauchst.

Du kannst auch gerne deine Frage in unserem Design Forum auf Englisch posten wo ein paar Experten verweilen hier. Die werden dir auch Code Tipps geben.

VG,