Seitentitel / Header zentrieren

Ichweißnichtweiter1899

Ich bin leider kein CSS Profi und würde gerne den Seitentitel mit Seitenunterschrift sowie das Menü zentrieren.

Kann jemand helfen? :)

Code

[FONT=Helvetica]/*--------------------------------------------------------------[/FONT]
[FONT=Helvetica]# 9.0 - Header[/FONT]
[FONT=Helvetica]--------------------------------------------------------------*/[/FONT]
[FONT=Helvetica].header-main {[/FONT]
[FONT=Helvetica]padding: 2.5em 3em;[/FONT]
[FONT=Helvetica]}[/FONT]
[FONT=Helvetica]
[/FONT]
[FONT=Helvetica].site-branding {[/FONT]
[FONT=Helvetica]float: left;[/FONT]
[FONT=Helvetica]margin: 0;[/FONT]
[FONT=Helvetica]padding: 0;[/FONT]
[FONT=Helvetica]max-width: 100%;[/FONT]
[FONT=Helvetica]}[/FONT]
[FONT=Helvetica]
[/FONT]
[FONT=Helvetica].site-branding a:link,[/FONT]
[FONT=Helvetica].site-branding a:visited,[/FONT]
[FONT=Helvetica].site-branding a:hover {[/FONT]
[FONT=Helvetica]padding: 0;[/FONT]
[FONT=Helvetica]border: none;[/FONT]
[FONT=Helvetica]text-decoration: none;[/FONT]
[FONT=Helvetica]}[/FONT]
[FONT=Helvetica]
[/FONT]
[FONT=Helvetica].site-title {[/FONT]
[FONT=Helvetica]display: inline-block;[/FONT]
[FONT=Helvetica]margin: 0;[/FONT]
[FONT=Helvetica]padding: 0;[/FONT]
[FONT=Helvetica]color: #ca0a37;[/FONT]
[FONT=Helvetica]text-decoration: none;[/FONT]
[FONT=Helvetica]font-weight: bold;[/FONT]
[FONT=Helvetica]font-size: 44px;[/FONT]
[FONT=Helvetica]font-size: 2.75rem;[/FONT]
[FONT=Helvetica]font-family: 'Magra', sans-serif;[/FONT]
[FONT=Helvetica]}[/FONT]
[FONT=Helvetica]
[/FONT]
[FONT=Helvetica].site-title a:link,[/FONT]
[FONT=Helvetica].site-title a:visited {[/FONT]
[FONT=Helvetica]color: #ca0a37;[/FONT]
[FONT=Helvetica]}[/FONT]
[FONT=Helvetica]
[/FONT]
[FONT=Helvetica].site-title a:hover,[/FONT]
[FONT=Helvetica].site-title a:active {[/FONT]
[FONT=Helvetica]color: #ca0a37;[/FONT]
[FONT=Helvetica]}[/FONT]
[FONT=Helvetica]
[/FONT]
[FONT=Helvetica].site-branding .custom-logo {[/FONT]
[FONT=Helvetica]margin: 0.5em 1em 0 0;[/FONT]
[FONT=Helvetica]padding: 0;[/FONT]
[FONT=Helvetica]max-width: 100%;[/FONT]
[FONT=Helvetica]height: auto;[/FONT]
[FONT=Helvetica]border: none;[/FONT]
[FONT=Helvetica]vertical-align: top;[/FONT]
[FONT=Helvetica]}[/FONT]
[FONT=Helvetica]
[/FONT]
[FONT=Helvetica].site-description {[/FONT]
[FONT=Helvetica]color: #9a9a9a;[/FONT]
[FONT=Helvetica]font-size: 24px;[/FONT]
[FONT=Helvetica]font-size: 1.15rem;[/FONT]
[FONT=Helvetica]margin: -0.3em 0 0.75em;[/FONT]
[FONT=Helvetica]}[/FONT]
[FONT=Helvetica]
[/FONT]
[FONT=Helvetica]/* Header Widgets */[/FONT]
[FONT=Helvetica].header-widgets {[/FONT]
[FONT=Helvetica]display: inline;[/FONT]
[FONT=Helvetica]}[/FONT]
[FONT=Helvetica]
[/FONT]
[FONT=Helvetica].header-widget {[/FONT]
[FONT=Helvetica]float: right;[/FONT]
[FONT=Helvetica]margin: 0.75em 0 0.25em 1.5em;[/FONT]
[FONT=Helvetica]}[/FONT]
[FONT=Helvetica]
[/FONT]
[FONT=Helvetica].header-widget ul {[/FONT]
[FONT=Helvetica]margin: 0;[/FONT]
[FONT=Helvetica]padding: 0;[/FONT]
[FONT=Helvetica]}[/FONT]
[FONT=Helvetica]
[/FONT]
[FONT=Helvetica].header-widget-title {[/FONT]
[FONT=Helvetica]margin: 0 0 0.5em;[/FONT]
[FONT=Helvetica]}[/FONT]
[FONT=Helvetica]
[/FONT]
[FONT=Helvetica].header-widget img {[/FONT]
[FONT=Helvetica]margin-top: -1em;[/FONT]
[FONT=Helvetica]}[/FONT]

Alles anzeigen

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

maxe

Link zum Blog?

Ichweißnichtweiter1899

http://www.mein-hamburg-zimmer.de

maxe

auf die schnelle:

Code

.site-branding {
    /* float: left; */
    margin: 0;
    padding: 0;
    max-width: 100%;
    text-align: center;
}

Ichweißnichtweiter1899

Vielen Dank für die schnelle Hilfe - hat funktioniert :)

Würdest du mir noch kurz helfen auch die Navigation zu zentrieren?

Der Code dazu lautet:

Code

[FONT=Helvetica]
[/FONT]
[FONT=Helvetica]/*--------------------------------------------------------------[/FONT]
[FONT=Helvetica]## 10.1 - Main Navigation[/FONT]
[FONT=Helvetica]--------------------------------------------------------------*/[/FONT]
[FONT=Helvetica].primary-navigation-wrap {[/FONT]
[FONT=Helvetica]background: #303030;[/FONT]
[FONT=Helvetica]}[/FONT]
[FONT=Helvetica]
[/FONT]
[FONT=Helvetica].main-navigation-toggle {[/FONT]
[FONT=Helvetica]display: none;[/FONT]
[FONT=Helvetica]}[/FONT]
[FONT=Helvetica]
[/FONT]
[FONT=Helvetica].main-navigation-menu {[/FONT]
[FONT=Helvetica]position: relative;[/FONT]
[FONT=Helvetica]float: left;[/FONT]
[FONT=Helvetica]margin: 0;[/FONT]
[FONT=Helvetica]padding: 0em 1em 2em 2em;[/FONT]
[FONT=Helvetica]width: 100%;[/FONT]
[FONT=Helvetica]list-style-position: outside;[/FONT]
[FONT=Helvetica]list-style-type: none;[/FONT]
[FONT=Helvetica]}[/FONT]
[FONT=Helvetica]
[/FONT]
[FONT=Helvetica]
[/FONT]
[FONT=Helvetica].main-navigation-menu li {[/FONT]
[FONT=Helvetica]  float: left;[/FONT]
[FONT=Helvetica]}[/FONT]
[FONT=Helvetica]
[/FONT]
[FONT=Helvetica].main-navigation-menu a {[/FONT]
[FONT=Helvetica]display: block;[/FONT]
[FONT=Helvetica]margin: 0;[/FONT]
[FONT=Helvetica]padding: 0em 0em 0em 2em;[/FONT]
[FONT=Helvetica]color: #6CA6CD;[/FONT]
[FONT=Helvetica]text-decoration: none;[/FONT]
[FONT=Helvetica]font-size: 20px;[/FONT]
[FONT=Helvetica]font-family: 'Gudea', Tahoma, Arial;[/FONT]
[FONT=Helvetica]}[/FONT]
[FONT=Helvetica]
[/FONT]
[FONT=Helvetica].main-navigation-menu > .menu-item-has-children > a:after {[/FONT]
[FONT=Helvetica]display: inline-block;[/FONT]
[FONT=Helvetica]margin: 0.5em 0 0 0.3em;[/FONT]
[FONT=Helvetica]content: '\f431';[/FONT]
[FONT=Helvetica]vertical-align: top;[/FONT]
[FONT=Helvetica]text-decoration: inherit;[/FONT]
[FONT=Helvetica]font-size: 20px;[/FONT]
[FONT=Helvetica]font-family: 'Genericons';[/FONT]
[FONT=Helvetica]line-height: 1;[/FONT]
[FONT=Helvetica]-webkit-font-smoothing: antialiased;[/FONT]
[FONT=Helvetica]-moz-osx-font-smoothing: grayscale;[/FONT]
[FONT=Helvetica]}[/FONT]
[FONT=Helvetica]
[/FONT]
[FONT=Helvetica].main-navigation-menu a:link,[/FONT]
[FONT=Helvetica].main-navigation-menu a:visited {[/FONT]
[FONT=Helvetica]color: #6CA6CD;[/FONT]
[FONT=Helvetica]text-decoration: none;[/FONT]
[FONT=Helvetica]}[/FONT]
[FONT=Helvetica]
[/FONT]
[FONT=Helvetica].main-navigation-menu a:hover,[/FONT]
[FONT=Helvetica].main-navigation-menu a:active {[/FONT]
[FONT=Helvetica]color: rgba(108,166,205,0.5);[/FONT]
[FONT=Helvetica]}[/FONT]
[FONT=Helvetica]
[/FONT]
[FONT=Helvetica].main-navigation-menu ul {[/FONT]
[FONT=Helvetica]position: absolute;[/FONT]
[FONT=Helvetica]z-index: 99;[/FONT]
[FONT=Helvetica]display: none;[/FONT]
[FONT=Helvetica]margin: 0;[/FONT]
[FONT=Helvetica]padding: 0;[/FONT]
[FONT=Helvetica]border-top: 1px solid #fff;[/FONT]
[FONT=Helvetica]background: #303030;[/FONT]
[FONT=Helvetica]color: #fff;[/FONT]
[FONT=Helvetica]list-style-position: outside;[/FONT]
[FONT=Helvetica]list-style-type: none;[/FONT]
[FONT=Helvetica]}[/FONT]
[FONT=Helvetica]
[/FONT]
[FONT=Helvetica].main-navigation-menu ul li{[/FONT]
[FONT=Helvetica]position: relative;[/FONT]
[FONT=Helvetica]float: none;[/FONT]
[FONT=Helvetica]margin: 0;[/FONT]
[FONT=Helvetica]}[/FONT]
[FONT=Helvetica]
[/FONT]
[FONT=Helvetica].main-navigation-menu ul a {[/FONT]
[FONT=Helvetica]padding: 1em;[/FONT]
[FONT=Helvetica]min-width: 250px;[/FONT]
[FONT=Helvetica]min-width: 16rem;[/FONT]
[FONT=Helvetica]border-bottom: 1px solid rgba(255,255,255,0.1);[/FONT]
[FONT=Helvetica]font-size: 17px;[/FONT]
[FONT=Helvetica]font-size: 0.875rem;[/FONT]
[FONT=Helvetica]}[/FONT]
[FONT=Helvetica]
[/FONT]
[FONT=Helvetica].main-navigation-menu ul .menu-item-has-children > a:after {[/FONT]
[FONT=Helvetica]display: inline-block;[/FONT]
[FONT=Helvetica]margin: 0.3em 0 0 0.3em;[/FONT]
[FONT=Helvetica]content: '\f431';[/FONT]
[FONT=Helvetica]vertical-align: top;[/FONT]
[FONT=Helvetica]text-decoration: inherit;[/FONT]
[FONT=Helvetica]font-size: 17px;[/FONT]
[FONT=Helvetica]font-family: 'Genericons';[/FONT]
[FONT=Helvetica]line-height: 1;[/FONT]
[FONT=Helvetica]-webkit-transform: rotate(270deg);[/FONT]
[FONT=Helvetica]transform: rotate(270deg);[/FONT]
[FONT=Helvetica]-webkit-font-smoothing: antialiased;[/FONT]
[FONT=Helvetica]-moz-osx-font-smoothing: grayscale;[/FONT]
[FONT=Helvetica]}[/FONT]
[FONT=Helvetica]
[/FONT]
[FONT=Helvetica].main-navigation-menu li ul ul {[/FONT]
[FONT=Helvetica]top: 1px;[/FONT]
[FONT=Helvetica]left: 100%;[/FONT]
[FONT=Helvetica]border-top: none;[/FONT]
[FONT=Helvetica]}[/FONT]
[FONT=Helvetica]
[/FONT]
[FONT=Helvetica].main-navigation-menu li.menu-item-has-children:hover > ul,[/FONT]
[FONT=Helvetica].main-navigation-menu li.page_item_has_children:hover > ul,[/FONT]
[FONT=Helvetica].main-navigation-menu li.menu-item-has-children[aria-expanded="true"] > ul {[/FONT]
[FONT=Helvetica]display: block;[/FONT]
[FONT=Helvetica]}[/FONT]
[FONT=Helvetica]
[/FONT]
[FONT=Helvetica].main-navigation-menu li.current-menu-item > a {[/FONT]
[FONT=Helvetica]background: rgba(255,255,255,0.075);[/FONT]
[FONT=Helvetica]}[/FONT]
[FONT=Helvetica]
[/FONT]

Alles anzeigen

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Seitentitel / Header zentrieren

Jetzt mitmachen!