Seitentitel im Editor verändern

Konkordanz

Hey.

Folgendes Design nutze ich: https://wordpress.org/themes/protopress/

Meine Frage ist, wie ich den Seitentitel (also im verlinkten Theme das Wort "Protopress") optisch verändern kann; z.B. größer machen und fett hervorheben.
Es wäre toll, wenn mir jemand in etwa die Stelle im Editor sagen könnte :)

Danke

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

gericoach

was meinst du? Das logo? sende mal nen echten link , ein bild ist murks.

Clubs München

Hi Konkordanz,

schau mal in der Header.php nach, dort sollte das Logo oder der Text eingebunden werden, je nachdem für was du dich entschieden hast. Falls das Logo schon eine ID hat, kannst du auch einfach im CSS die ID stylen und den Text verändern wie du willst.

Beste Grüße!

Konkordanz

Zitat von gericoach

was meinst du? Das logo? sende mal nen echten link , ein bild ist murks.

Naja, die Seite gibt´s noch nicht wirklich; daher ist´s eher schwierig.

Zitat von Clubs München

Hi Konkordanz,
schau mal in der Header.php nach, dort sollte das Logo oder der Text eingebunden werden, je nachdem für was du dich entschieden hast. Falls das Logo schon eine ID hat, kannst du auch einfach im CSS die ID stylen und den Text verändern wie du willst.
Beste Grüße!

Okay, hab da mal nachgesehen. Ich habe kein Logo eingebunden, sondern die im Theme vorgesehene Stelle zum Eintippen einer Überschrift.
Ich poste den Inhalt der header.php mal; hoffe das ist okay. Kannst du bzw könnt ihr mir sagen, an welcher Stelle ich etwas ändern müsste?

Zitat

<?php
/**
* The header for our theme.
*
* Displays all of the <head> section and everything up till <div id="content">
*
* @package protopress
*/
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<div id="page" class="hfeed site">
<a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'protopress' ); ?></a>
<div id="jumbosearch">
<span class="fa fa-remove closeicon"></span>
<div class="form">
<?php get_search_form(); ?>
</div>
</div>

<header id="masthead" class="site-header" role="banner">
<div class="container">
<div class="site-branding">
<?php if ( get_theme_mod('protopress_logo') != "" ) : ?>
<div id="site-logo">
<a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php echo get_theme_mod('protopress_logo'); ?>"></a>
</div>
<?php endif; ?>
<div id="text-title-desc">
<h1 class="site-title title-font"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
</a>
</div>
</div>
</div>
<div id="slickmenu"></div>
<nav id="site-navigation" class="main-navigation" role="navigation">
<div class="container">
<?php $walker = new Protopress_Menu_With_Description; ?>
<?php if (has_nav_menu( 'primary' ) && !get_theme_mod('protopress_disable_nav_desc') ) :
wp_nav_menu( array( 'theme_location' => 'primary', 'walker' => $walker ) );
else :
wp_nav_menu( array( 'theme_location' => 'primary' ) );
endif; ?>
</div> <?php echo do_shortcode("[metaslider id=108]"); ?>
</nav>
</header>

<div class="mega-container">

<?php get_template_part('slider', 'nivo' ); ?>

<?php get_template_part('featured', 'content2'); ?>
<?php get_template_part('featured', 'content1'); ?>

<div id="content" class="site-content container">

Alles anzeigen

chilidog

Für uns wäre eher die Datei style.css relevant, denn dort wird sicher das Logo / der Schriftzug formatiert.

Gibt es für das Theme nicht im Admin-Menü möglichkeiten da etwas zu verändern? Willst Du den Schriftzug behalten, oder irgendwann mal ein Logo (Bilddatei) einbinden?

Bei meinem Theme z.B. habe ich im Admin-Bereich umfangreiche Möglichkeiten es anzupassen, u.a. kann ich auch den Schriftzug in Farbe, Größe und Schriftart (Font) formatieren. Bzw. ich kann auch eine Bilddatei einbinden.

Konkordanz

Zitat von chilidog

Für uns wäre eher die Datei style.css relevant, denn dort wird sicher das Logo / der Schriftzug formatiert.
Gibt es für das Theme nicht im Admin-Menü möglichkeiten da etwas zu verändern? Willst Du den Schriftzug behalten, oder irgendwann mal ein Logo (Bilddatei) einbinden?
Bei meinem Theme z.B. habe ich im Admin-Bereich umfangreiche Möglichkeiten es anzupassen, u.a. kann ich auch den Schriftzug in Farbe, Größe und Schriftart (Font) formatieren. Bzw. ich kann auch eine Bilddatei einbinden.

Nein, leider geht das bei dem Theme nicht; echt komisch. Das einzige, was ich bzgl. des Websitentitels bearbeiten kann ist die Farbe, ob es bspw. zentriert ist und welcher Text überhaupt dort stehen soll. Also mMn viel zu wenig.
Hier ist der Inhalt meiner style.css; ich teile es in mehrere Posts.
Hier der erste Teil:

Zitat

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
5.1 Links
5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
10.1 Posts and pages
10.2 Asides
10.3 Comments
11.0 Infinite scroll
12.0 Media
12.1 Captions
12.2 Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
html {
font-size: 62,5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
-ms-text-size-adjust: 100%; /* http://www.456bereastreet.com/archive/201012…ling_user_zoom/ */
box-sizing: border-box; /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box…-best-practice/ */
box-sizing: inherit;
}
body {
background: #fff; /* Fallback for when there is no custom background color defined. */
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block;
}
ol,
ul {
list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
border-collapse: separate;
border-spacing: 0;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote,
q {
quotes: "" "";
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
a img {
border: 0;
}
/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
color: #404040;
font-family: sans-serif;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
b,
strong {
font-weight: bold;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 1.5rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto; /* Make sure images are scaled correctly. */
max-width: 100%; /* Adhere to container width. */
}
figure {
margin: 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
th {
font-weight: bold;
}
/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
font-size: 100%; /* Corrects font size not being inherited in all browsers */
margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
color: rgba(0, 0, 0, .8);
cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
font-size: 12px;
font-size: 1.2rem;
line-height: 1;
padding: .6em 1em .4em;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
border-color: #aaa #bbb #bbb;
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
input[type="checkbox"],
input[type="radio"] {
padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
-webkit-appearance: none;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
padding: 3px;
}
textarea {
overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
padding-left: 3px;
vertical-align: top; /* Improves readability and alignment in all browsers */
width: 100%;
}

Alles anzeigen

Konkordanz

Und hier der zweite Part:

Zitat

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
color: royalblue;
}
a:visited {
color: purple;
}
a:hover,
a:focus,
a:active {
color: midnightblue;
}
/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.main-navigation {
clear: both;
display: block;
float: left;
width: 100%;
}
.main-navigation ul {
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation li {
float: left;
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;

z-index: 99999;
}
.main-navigation ul ul ul {
display: none;
left: -999em;
top: 0;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a {
}
.main-navigation ul ul :hover > a {
}
.main-navigation ul ul a:hover {
}
.main-navigation ul li:hover > ul {
left: auto;
}
.main-navigation ul ul li:hover > ul {
left: 100%;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}
/* Small menu */
.menu-toggle {
display: none;
}
Media screen and (max-width: 600px) {
.menu-toggle,
.main-navigation.toggled .nav-menu {
display: block;
}
.main-navigation ul {
display: none;
}
}
.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar */
}
/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto;
}
/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}
/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
margin: 0 0 1.5em;
}
/* Make sure select elements fit in widgets */
.widget select {
max-width: 100%;
}
/* Search widget */
.widget_search .search-submit {
display: none;
}
/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
display: block;
}
.hentry {
margin: 0 0 1.5em;
}
div.featured-media img {
display: none;
}
.byline,
.updated:not(.published) {
display: none;
}
.byline {
display: inline-block;
margin-left: 5px;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
}
/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
display: block;
}
/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
max-width: 100%;
}
/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0 auto;
}
.wp-caption-text {
text-align: center;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}

/* Custom */
.nivoSlider {
height:400px !important;
}
.container {
width: 900px !important;
}
.nivo-caption {
width: 75% !important;
}
.section-title {
text-align: justify;
}
#top-bar {
//position: fixed;
//width: 100%;
//z-index: 99999;
}
#masthead {
//padding-top:44px;
}

Alles anzeigen

chilidog

Ok, ok - Kommando zurück!

Habe mir nun gerade das Theme runtergeladen und auf der Seite http://demo.inkhive.com/protopress/ das Demo und den Quelltext dazu angeschaut.

Der Header wird folgend im Quelltext angezeigt:

HTML

<header id="masthead" class="site-header" role="banner">
        <div class="container">
            <div class="site-branding">
                                <div id="site-logo">
                    <a href="http://demo.inkhive.com/protopress/"><img src="http://demo.inkhive.com/protopress/wp-content/uploads/sites/39/2015/03/protopress-logo3.png"></a>
                </div>
                                <div id="text-title-desc">
                <h1 class="site-title title-font"><a href="http://demo.inkhive.com/protopress/" rel="home">ProtoPress</a></h1>
                <h2 class="site-description">Free Mobile Friendly WordPress Theme</h2>
                </div>
            </div>

Alles anzeigen

Für das ist aber nicht die style.css zuständig, sondern eine weitere .css Datei. Diese - [COLOR=#ff0000]main.css[/COLOR] - befindet sich im Ordner [COLOR=#ff0000]assets / css / main.css[/COLOR] - dort findest Du die jeweiligen class-Anweisungen.

Ist etwas umfangreich und kombliziert, aber nun hast Du auf jeden Fall schonmal einen richtigen Anhaltspunkt, wo Du was suchen musst und wo Du was ändern musst.

PS: Wenn Du an dem Theme was änderst, solltest Du unbedingt vorher ein Child-Theme anlegen. Sonst sind sämtliche Deiner Einstellungen nach dem nächsten Theme-Update wieder futsch und Du fängst von vorn an. Und die Dateien NICHT übers Admin-Menü (Design --> Editor) bearbeiten, sondern via FTP auf Deinen Rechner laden, dort mittels HTML-Editor bearbeiten und wieder hochladen. Vom Theme selbst eine Sicherheitskopie auf dem Rechner lassen - zur Sicherheit.

Konkordanz

Okay danke für deine Hilfe. DAs klingt alles ziemlich schwierig; ich hab in html einfach nichts drauf.

Ich habe mir jetzt überlegt, dass ich ein Logo einbaue und den Text rausnehme; in dem Logo schreibe ich den Text dann so, wie ich ihn haben möchte. Das Theme bietet natürlich die Möglichkeit, dass ihc das Logo über die Menüleiste setze. Wenn ich das tu, rutscht aber das ganze Theme einen guten cm nach unten; das will ich aber nicht. Selbst, wenn ich das Logo ultra klein mach, rutscht es nicht höher. Das heißt, dass das Theme ein recht großes Mindestmaß für ein Logo freihält. Kann ich das ändern bzw. das ganze Theme (also Menüleiste und alles, was darunter ist [Widgets usw]) wieder etwas höher ziehen?

chilidog

Das kann man ganz sicher anpassen, aber ohne Link, dass man es mal visuell sieht, ist es immer schwierig zu helfen.

Wenn man sich das Demo des Themes anschaut, ist links das rote Gestrüpp das Logo-Bild, das [COLOR=#ff0000]Proto-Press[/COLOR] der Seitentitel und das [COLOR=#696969]Free Mobile Friendly WordPress Theme[/COLOR] ist die Seitenbeschreibung (Description).

Will man nun das alles weg haben und ein zentrierts Bild-Logo einbauen, müsste man den entsprechenden Abschnitt in der Datei header.php soweit anpassen (Ausschnitt davon habe ich oben gepostet) und auch eine korrektur in der main.css machen, dort ist das kleine Logo mit:

HTML

display: inline-block;
  float: left;

deklariert. Also Arbeit ist es so oder so, wobei den Seitentitel "z.B. größer machen und fett hervorheben" sicher die einfachere und schnellere Lösung wäre.

Man bräuchte eigentlich nur die vier Sachen in der main.css hier anpassen:

HTML

#masthead h1.site-title {
  font-size: 32px;
  font-weight: 300;
  margin-top: 0px;
}
#masthead h2.site-description {
  font-weight: 300;
  font-size: 15px;
  margin-top: 10px;
}

Konkordanz

Okay, ich danke dir für deine Mühen. Allerdings habe ich mich jetzt für ein ähnliches Theme entschieden, welches mehr Optionen hat :)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Seitentitel im Editor verändern

Jetzt mitmachen!