Mantra-Theme: Benutzerdefiniertes CSS Option - Header und verwendete Schriften

Hallo,

ich bin gerade dabei eine neue Website aufzusetzen.

Adresse: slowcooker-crockpot-vergleich.de
Version: 4.2.2.
Theme: Mantra

Um verschiedene Designänderungen durch zuführen hatte ich vor eigenes CSS über die Option in den Mantra Einstellungen vorzunehmen. Leider bin ich ziemlich neu was HTML/CSS angeht und eine Fehlermeldung wird mir auch nicht angegeben. Dem auf der website verwendeten Header möchte ich an den beideren oberen Ecken abgerundete Ecken verpassen. Folgende Code habe ich ausprobiert aber ich zweifle das der Selektor korrekt ist:

/* Mantra Custom CSS */ 
 
header {
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}

Außerdem möchte ich gerne noch die verwendeten Schriftarten ändern. Ich habe mir mit Google Fonts ein paar rausgesucht. Um diese Schriften einzubetten soll ich laut google folgenden Code in mein HTML File einbinden:

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,800,400italic,600' rel='stylesheet' type='text/css'>

Allerdings habe ich keine Ahnung wie bzw. möchte ich die HTML ja garnicht verändern sondern nur die Option Benutzerdefiniertes CSS verwenden.

Wie kann ich beide Sachen umsetzen? Soll ich lieber eine externe css Datei einbinden?

SuMu: nein es ist kein Premium-Theme und ich stimme dir zu das CSS und HTML Grundkenntnisse wichtig sind. Deswegen will ich ja heraus finden wie das funktioniert.

volkskamera: im Moment nicht da ich mir gerne in CSS einarbeiten möchte.

SuMu: Ecken vom Bild wegmachen ist keine Option da ich ein ähnliches Design auf einer anderen Website vorhabe und ich weis das es über CSS geht. Deinen Code verstehe ich nur weis ich nicht wie ich ihn einbette. Bei bg_image dachte geht es um das Hintergrundbil der Seite und nicht um den Kopf.