Überschriften und Schriften von Buttons ändern?!

Hallo, ich habe mir gestern das Gambio Paket gekauft und bin nun drauf und dran den Shop nach meinen Vorstellungen anzupassen.

Meine Frage lautet nun, wie kann ich sämtliche Überschriften und den Text der Menübuttons ändern? Muss ich die im CSS ändern, wenn ja, wie oder wo muss ich das machen? Und mit welchem Programm mache ich das? Im StyleEditor kann man das ja nicht wirklich spezifizieren.

Folgende Schriftart würde ich für die Überschriften benötigen:

https://fonts.googleapis.com/css?family=Alex+Brush
font-family: 'Alex Brush', cursive;

Hoffe es kann mir hier jemand helfen. Vielen lieben Dank und liebe Grüße

 

Vielen Dank! Und danke ich habe es geschafft Ich habe jedoch eine Menge an Problemen wo ich nicht weiß woher die kommen oder wie ich diese beseitige. Ich habe versucht das Design an meine Vorstellungen anzupassen, mit eigenen Bildern etc um das gewünschte Ergebnis zu erreichen. Doch Problem Nr. 1 ist folgendes:

Wie kann ich die Artikel zb. auf der Startseite weiter rein "rutschen" bzw. mehr in die Mitte schieben? Möchte nicht, dass der Hover Effekt über andere Elemente geht. Siehe Bild "hovereffekt".

2. Problem ist mir wird die Box Trusted Shops und Trusted Shops Widget nirgends auf der Seite amgezeigt, obwohl aktiviert. Sowie viele andere auch, woran liegt es da?

3. Problem: Mir wird nirgends ein "Kaufen" oder "Artikel in den Warenkorb legen" Button angezeigt, auf der Produktdetailseite. Sowie Fragen zum Produkt etc.Außerdem haben die Artikeleigenschaften eine relativ sonderbare Anordnung. Wie kann ich diese Probleme beheben? Sowie Fragen zum Produkt etc. Siehe Bilder "artikeleigenschaften" und "fehlenderkaufenbutton".

Hoffe Ihr könnt mir helfen! Vielen Dank

EDIT: Das mit dem Warenkorb hat sich erledigt. Wurde nicht angezeigt, weil Artikel ab 18 eingestuft war. Dachte dass dies als Admin egal ist. Habe trotzdem komische Anordnungen der ganzen Textelemente wie "Frage zum Produkt", "Auf den Merkzettel" und "Woanders günstiger"... sowie die Artikeleigenschaften wie oben beschrieben. Danke

 

Hmm ok vielen Dank! Der Shop ist im Offline Modus. Ich kann dir da nur die temporären Admin Zugriffsdaten geben per PM, bräuchte da schon Hilfe weil ich nicht weiß wie ich die Probleme lösen kann.

Ich hab halt im CSS einiges an den Werten für die verschiedenen Dinge gesetzt. Möglicherweise habe ich da einen Blödsinn gemacht das alles verschoben ist. Gibt es eine Liste wie man die einzelnen Elemente im CSS ansprechen kann, ohne nicht gleich alle gleichen Elemente zu verschieben/verändern? Danke LG

 

////////////////////////////
//BESTSELLER ARTIKEL ZUSATZBOX
.col-xs-4{
margin-top: 25px;
margin-left: 75px;
}

.col-xs-8{
margin-top: 25px;
margin-left: 30px;
}

ja diese zeilen verursachen das problem :/ wie kann ich denn die einzelnen boxen, die artikel die in den boxen angezeigt werden, die buttons etc ansprechen?

 

Hmm ok danke! Weil alles verschoben ist und nicht zentriert siehe Bild.

 

Hmm ok, was können wir da machen?

 

Hier mal meine ganze CSS:

@media (min-width: $grid-float-breakpoint) {
.navbar-categories {
background-color: transparent;
.navbar-nav {
@include border-radius(5px);
}
}
#cart-container.navbar-cart > ul > li > a.dropdown-toggle {
color: #fff;
text-shadow: 1px 1px 3px #000;
}
#header.sticky {
#cart-container.navbar-cart > ul > li > a.dropdown-toggle {
color: $text-color;
text-shadow: none;
}
}

//SHOP OFFLINE WARNUNG AUSSCHALTEN
table.box-warning {display: none;}
//////////////////////////////////
//WEISSE LINIEN MENÜBOXEN ENTFERNEN
.panel-default .panel-heading {
box-shadow: inset 0 0px #fff,
}
.panel {
border: 0px;
}
//////////////////////////////
//HINTERGRUND DER BOXEN ENTFERNEN
.panel-default {

background: none;
}
////////////////////
//Button Schrift////
.btn.btn-primary{

color: #000000;
}
//////////////////////
//Button ZUSATZBOX////
.btn.btn-sm{

width: 50%;
text-align: center;
margin: 50px;
}
//////////////////////
//ADMIN PANEL/////////
.panel-body{
height: 250px;
}
//////////////////////
//Header ZUSATZBOX////
.panel-heading{
width: 250px;
margin-right: -27px;
margin-bottom: -39px;
text-align: center;
font-family: 'Noto Serif', serif, bold;
font-weight: bold;
}

//Artikel im CONTENT verschieben
#wrapper #main .main-inside {
margin-left: 60px;
}


.box-bestsellers{
margin-top: 30px;
}
/////////////////////////
//NEWSLETTER ZUSATZBOX///
.input-container{
width: 220px;
padding-left: 5px;
padding-right: 5px;
margin-bottom: -30px;
color: #f1c319;
}

//////////////////////
//DROPDOWN MENÜ///////
.dropdown-toggle{
max-height: 55px;
font-family: 'Noto Serif', serif, bold;
font-weight: bold;

}
/////////////////////////
//PROMOTION ZUSATZBOX////
.box-specials .promotion-box-image{
max-width: 230px;
max-height: 110px;
padding-top: 30px;
padding-left: 15px;
}

.box-specials .promotion-box-title{
padding-right: 40px;
text-align: center;
}

.box-specials .promotion-box-price{
padding-right: 40px;
min-height: 50px;
text-align: center;
}

.box-specials .fa-arrow-circle-right{
padding-top: 50px;
}
//////////////////////////////
.content-page-index-mitte{
background-color: #000000;
}

.level-1.nav.navbar-nav{
padding-top: 0px;
}

.navbar-default.navbar-categories{
max-height: 50px;
}

//ZUSATZBOXEN FONTSIZE
.panel-default .panel-heading{
font-size: 18px;
}

.btn.btn-buy{
background-color: #f3c009;
border-color: #c59c0a;
}

.btn.btn-buy .active{
border-color: #c59c0a;
background-color: #f3c009;
}


}

 

So, ich habe das CSS mal quasi auf Werkseinstellungen zurück gesetzt, nur hin und da ein paar kleinere Anpassungen gemacht und es schaut jetzt wieder alles in Ordnung aus. Die einzigen Probleme die ich jetzt noch habe sind die, dass eben die ganzen Widgets nirgends aufscheinen (Trusted Shops etc,), obwohl die CSS nichts mehr verschieben etc. sollte.

Dann habe ich noch eine Frage: Wie kann man den Inhalt der Bestseller Box vergrößern, verkleinern, zentrieren etc? Ebenso den Inhalt der Artikelbox in der Kateorienübersicht?

Vielen Dank und LG