FROM CACHE - de_header

Schriftgröße- und Breite wie bearbeiten?

EO4S
Tourist
8 0 2

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

 

Screenshot_20220324-115851_Chrome.jpg

 

 

 

3 ANTWORTEN 3

Gabe
Shopify Staff
16357 2587 3853

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:

 

image.png

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.

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

EO4S
Tourist
8 0 2

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
Shopify Staff
16357 2587 3853

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,

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog