Beiträge von joschi81

Hi! In deinem Screenshot steht bei der entsprechenden Style-Angabe "Inline". Das bedeutet, dass du die Stilangabe nicht in der CSS-Datei selbst, sondern ins HTML eingebunden in einer der PHP-Dateien deines Themes findest. Da die Angabe nicht im HTML-Element selbst als style="blablabla" auftaucht, tippe ich, dass es in deinem Quelltext irgendwo direkt per <style type="text/css"> ... </style> eingebunden ist. In welcher PHP-Datei der entsprechende Code steht, kann man nicht sehen. Es kann sogar sein, dass der entsprechende Code nicht direkt irgendwo im Theme zu finden ist, sondern durch eine Funktion generiert wird. Hier kann dir leider nur jemand helfen, der das entsprechende Theme kennt.

Viele Grüße
joschi81

Du musst auf das übergeordnete

<dl class="gallery-item">

oder auf

<dt class="gallery-icon landscape">

oder auf die Zeile mit dem <a>-Element klicken, da wird dir irgendwo die zu ändernde Stil-Angabe angezeigt.

---
EDIT: Nein, gesehen, in der style.css muss

#gallery-1 img {
        border:2px solid #cfcfcf;
}

in

#gallery-1 img {
     border:none;
}

geändert werden.

---

Allerdings ist es nicht ratsam, in der style.css direkt Dinge zu ändern. Du kannst das Theme danach nicht mehr so einfach auf neuere Versionen updaten, ohne die Änderungen zu überschreiben.

Grüße
joschi81

Wenn du in einem Wordpress-Theme Dinge verändern möchtest, die sich nicht über das Dashboard anpassen lassen, ist das ja quasi schon recht "advanced" (zumindest aus Beginner-Perspektive). Ich fürchte, so ohne sich das angucken zu können, kann dir hier direkt nur ein Kenner des Themes helfen.

Was du machen kannst:
- Im Dashboard: Installiere ein Plugin für benutzerdefiniertes CSS, z.B. https://wordpress.org/plugins/my-custom-css/ und aktiviere es
- Auf der Seite: Rechtsklick auf den Rahmen des Thumbnails, dann "Element untersuchen" (im Firefox z.B.), da stehen dann die CSS-Stile. Und in der linken Seite kannst du dich durchs HTML klicken. Rechts müsste dann im CSS irgendwo eine Angabe zu "border" auftauchen und u.a. ein Farbwert dahinter. Die entsprechende Stil-Angabe (alles zwischen den geschweiften Klammern und die Element-Angaben davor) kopierst du per Strg+C in deinen Zwischenspeicher
- füge die Stil-Angaben über den Button "My Custom CSS" links ein, lösche zwischen den gewscheiften Klammern alles raus und ersetze es durch

border:none;

Wenn du damit klar kommst: gut. Ansonsten: Warte lieber auf jemanden, der das Theme kennt und dir helfen kann. Es kann allerdings nicht schaden, wenn du dich (auch im Hinblick auf zukünftige Theme-Anpassungen) mit CSS auseinandersetzt (sofern du das noch nicht getan hast).

VIele Grüße
joschi81

Nein, dein lokaler Link funktioniert natürlich nur an deinem Rechner. :)

Gibt es bei der Theme-Preview von "Simple Shop" den Fall, den du meinst?
https://wordpress.org/themes/simple-shop/

Viele Grüße
joschi81

Hallo Da elio,

hier kann dir am besten geholfen werden, wenn du den Link zu deiner Website schickst. Sage uns auch den Namen des Wordpress-Themes, das du verwendest. Wenn du uns das alles nennst, können wir dir sicherlich eine Lösung nennen.

Viele Grüße
joschi81

Gut! Bitteschön.

Grüße
joschi81

Nein, sorry, besser ist, du ergänzt

.post-navigation {
  display:none;
}

nach den Style-Angaben .post-navigation, .image-navigation {} (ca. bei Zeile 1680).

Das ist der übergeordnete Container, der sich auch nur auf die Beitragsnavigation bezieht.

Viele Grüße
joschi81

Hi,

gehe über Design > Editor in die style.css. Suche dort nach .nav-links (steht in Zeile 1665) und ergänze bei den dortigen Style-Angaben

display:none;

Grüße
joschi81

Edit: siehe bessere Lösung unten

Blogdedign ändern + Icons in der Sidebar

Hi Bianca,

zu den Einstellungen des Themes Skylab kann ich leider nichts Konkretes sagen. Wenn es das von dir gewünschte Aussehen aber in einer Vorschau des Themes gibt, solltest du eigentlich über die Theme-Einstellungen im Wordpress-Dashboard die nötigen Einstellungen vornehmen können.

Aber für die Icons in der rechten Spalte schlage ich vor, dass du das Textwidget verwendest (Design > Widgets, dort ganz unten in der Liste der verfügbaren Widgets). Dort kannst du auch Bilder in das Textfeld einfügen. Allerdings brauchst du ein Plugin, wenn du es vermeiden möchtest, dort selber HTML-Code zu schreiben (für Bilder, Links etc.). Mein Vorschlag ist das Plugin WYSIWYG Widgets / Widget Blocks. Wenn du das installiert und aktiviert hast, kannst du in den Widgets genauso Bilder einbinden und andere Formatierungen vornehmen, wie z.B. im Haupt-Textfeld der Blogbeiträge (kenne das Plugin nicht, aber es sollte genau dies ermöglichen).

Verständlich? Reicht dir das an Infos zum zweiten Teil deiner Frage?

Viele Grüße
joschi81

do_shortcode() müsste das sein, was du brauchst. Siehe Codex

echo substr(do_shortcode($content),0, 150)."...";

Grüße
joschi81

Gelöst! Das Theme verwendet Mobile_Detect in der Version 2.6.9. Da es wohl bei Chrome spezielle Anforderungen beim Unterscheiden zwischen Desktop- und mobiler Version gibt, war in der alten Version dieser Bug vorhanden und es wurden alle Einstellungen für mobile Anzeigegeräte auch in der Desktop-Version von Chrome angezeigt. In der neuen Version des Skripts ist dies behoben. Sicherungskopie des alten Skripts angelegt, Live-Datei mit Version 2.8.12 überschrieben, läuft wie geölt! Siehe hier (in Chrome):
http://bueroklass.de/

Schönen Abend noch und Grüße!
joschi81

Also, Fehler identifiziert, aber noch nicht gelöst: Chrome lädt die Mobile-Version, auch wenn mit einem Desktop-Gerät zugegriffen wird.

FF:

<body class="desktop" ...>

Chrome:

<body class="mobile" ...>

Darin liegt dann sicher auch die unterschiedliche Ausgabe der Inline-Styles begründet. Ich suche dann mal nach der Lösung. Gut, wenn man schon mal weiß, was der Fehler ist...

Viele Grüße
joschi81

Danke für die Hinweise! Ich nutze eigentlich in der functions.php auch nur return. Wenn man doch "echo" verwendet, muss man eben _noch_ vorsichtiger programmieren muss. Manchmal spart es halt code in der Template-Datei, weil man kein "echo" vor dem Funktionsnamen braucht. :)

Hej, danke! Das probiere ich gleich mal. Mir war auch schon aufgefallen, dass die Browser leicht unterschiedlichen Quellcode ausgeben, aber so weit hatte ich das noch nicht analysieren können.

Evtl. sorgen ja ähnliche Probleme für die falsche Bildausgabe in der Detailansicht und das Schriftartproblem.

Ich melde mal hier zurück, wenn's einen Erfolg gab.

Variante meiner Lösung

Zitat von pixselig

joschi81
auch eine sehr schöne Lösung!
nur würde ich in der Funktion "return" anstelle von "echo" verwenden ;-)

Ja, daran hatte ich auch schon gedacht, aber da ja bloginfo() den Wert auch gleich ausgibt, anstatt ihn als Variable zurückzugeben, habe ich das so gemacht. Gibt es noch einen anderen Grund, warum man lieber return verwenden sollte?

Übrigens: Du hast natürlich mit deiner Lösung den großen Vorteil, dass du alles mit den einzelnen Wörtern machen kannst, nicht nur Farben ändern.

Deshalb hier eine Variante von meiner Funktion, bei der das auch geht:

[COLOR=#000000][/COLOR]

// function for multistyled site title            
function multistyled_site_title($styles) {
    $site_title_words = explode(' ',get_bloginfo('name'));
    $count_words = 0; $output = '';
    foreach($site_title_words as $site_title_word) {
        if(isset($styles[$count_words])) $output .= '<span style="'.$styles[$count_words].'">'.$site_title_word.' </span>';
        else $output .= $site_title_word;
        $count_words++;
    }
    echo $output;
};

multistyled_site_title(array('color:rgb(255,0,0)','color:black','color:#ff9900;font-style:italic'));

Besten Gruß
joschi81

Hallo allerseits,

es scheint eine triviale Frage zu sein, habe aber trotzdem bislang keine Lösung gefunden (bzw. immer irgendeinen Denkfehler). Folgendes: Ich möchte Beiträge eine bestimmten Autors zählen, aber diejenigen ausschließen, die kein bzw. ein leeres benutzerdefiniertes Feld "author-name" haben.

Bisher ist es mir nur gelungen, die Beiträge zu zählen, die das benutzerdefinierte Feld haben. Deshalb mache ich im Moment folgenden idiotischen Umweg:

$count1 = count(get_posts(array('post_type' => $type,'nopaging' =>true,'author'=>$userid)));
$count2 = count(get_posts(array('post_type' => $type,'nopaging' =>true,'author'=>$userid,'meta_key'=>'author-name')));
$test_count = $count1 - $count2;

Über eine Lösung, wie ich per count(get_posts(...)) direkt den richtigen Wert bekomme, wäre ich sehr froh.

Viele Grüße
joschi81

Meine Lösung

Das hier in die functions.php

// function for multicolor site title            
function multicolor_site_title($colors) {
    $site_title_words = explode(' ',get_bloginfo('name'));
    $count_words = 0; $output = '';
    foreach($site_title_words as $site_title_word) {
        if(isset($colors[$count_words])) $output .= '<span style="color:'.$colors[$count_words].'">'.$site_title_word.' </span>';
        else $output .= $site_title_word;
        $count_words++;
    }
    echo $output;
};

Und das hier

bloginfo('name');

ersetzt du durch Folgendes in deiner header.php:

multicolor_site_title(array('rgb(255,0,0)','black','#ff9900'));

Ein Beispiel mit drei unterschiedlich gefärbten Wörtern. Du kannst in dem array die Farben beliebig vergeben (als reservierte Wörter, rgb-Werte, rgba-Werte, hex-Werte...).

Die Lösung von pixselig ist natürlich von der später ausgegebenen Syntax her etwas eleganter.

Viele Grüße
joschi81

Rechtsklick + "Element untersuchen"

Zitat von donnerkai

Prima, vielen Dank!!!!!
Mich würde noch interessieren wie Du das rausbekommen hast damit ich mir das nächste Mal selber helfen kann.

Welchen Browser nutzt du? Bei den meisten kann man mit Rechtsklick + "Element untersuchen" im Kontextmenü den Code untersuchen (HTML, CSS, JavaScript). Ich habe zunächst geguckt, ob

<div id="page" ...>

(bei den meisten WP-Themes der Haupt-Container direkt unter body) oben einen Abstand nach innen (padding) hat (also in den angezeigten CSS-Stilen geguckt) - war nicht vorhanden. Dann habe ich

<header id="masthead" ...>

auf einen Abstand nach außen (margin) untersucht - auch negativ, dann angefangen, die im header liegenden Elemente zu untersuchen und bin gleich bei

<ul class="social-media">

fündig geworden.

Hoffe, es hilft dir bei zukünftigen ähnlichen Situationen weiter.

Viele Grüße
joschi81

Hi donnerkai,

füge in der style.css nach Zeile 162 folgenden Code ein:

ul.social-media {
    margin:0;
}

Das ist eine Lösung, so lange du in der anscheinend für Social Media vorgesehenen Leiste keine entsprechenden Icons verwenden möchtest.

Alternativ, aber eher nicht zu empfehlen:

<ul class="social-media">

in

<ul class="social-media" style="margin:0">

ändern (ist sicher in der header.php).

Viele Grüße
joschi81

Hallo liebe Wordpress-Experten,

wir haben auf einer Website ein Problem mit dem Theme "Hi-response" (http://emilolsson.com/hi-response/). Dieses wird im Chrome-Browser (getestet bei Windows) fehlerhaft dargestellt. Fehler sind:
- Fehlende Abstände zwischen den Kacheln des Masonry-Grids
- Falsche Schriftart bzw. völlig falsche Schriftgrößen
- Falsche geladene Bildgröße in der Detailansicht

Hier das Problem (im Firefox und vielen anderen richtig, in Google Chrome sehr fehlerhaft):
http://bueroklass.de/

Infos zum System:
Wordpress 4.1.1 ohne besondere Plugins (nur Akismet und Hello Dolly installiert).

Wir haben bereits herausgefunden, dass das Masonry-Plugin in Chrome und wohl auch in Safari teilweise Probleme macht. Das ist aber ja nicht das ganze Problem, so dass wir uns sehr über jeden Hinweis freuen, der uns auf die richtige Spur der Fehlerlösungen bringt.

Danke und viele Grüße
joschi81