Teilmenge einer css class bilden; hier: Schrift für ein einzelnes Wort vergrößern

  • Ich habe in meinem Blog auf der Seite http://1a-spielwiese.de/mitglieder/?fi…file_search=326 eine Zeile "Mitglieder-Kategorie (Team oder Fan?): Team" und auf der Seite http://1a-spielwiese.de/mitglieder/?fi…file_search=326 eine entsprechende Zeile "Mitglieder-Kategorie (Team oder Fan?): Fan".

    Ich weiß - aufgrund der Antwort auf eine Frage, die ich stellte -, dass diese Zeilen von der Zeile 122 der Datei bp-profile-search/bp-search.php meines "BuddyPress Profile"-Search erzeugt wird. Diese Zeile lautet:

    Code
    echo “<p class=’bps_filters’>\n”. $filters;

    ---

    Es gelingt mir auch mittels

    Code
    p.bps_filters {
        font-size: 16px;
    }

    die Schrift der gesamten Zeile zu vergrößern.

    ---

    Ich habe aber zwei Fragen:

    a) Wo kommt eigentlich die fett-Setzung der Wörter "Mitglieder-Kategorie (Team oder Fan?):" her (und wie kann ich sie - im Bedarfsfalle - beseitigen)?

    Ich weiß, dass sie jedenfalls nicht aus style-Definition für die

    Code
    bps_filters

    -class kommen kann, denn diese hatte bisher (bis ich die 16px-Definition einführte) gar keine style-Definition:

    Zitat

    The ‘bps_filters’ class has no current style definition, i.e. it doesn’t apply any specific style.

    b) Wie kann ich auch das Wort "Fan" hinter dem Doppelpunkt - im Bedarfsfalle - in fett setzen und vor allem: Wie kann ich allein dessen Schriftgröße vergrößern?

    ---

    Ich habe das: http://www.w3schools.com/css/css_syntax.asp und auch das: http://www.w3schools.com/css/css_selectors.asp gelesen, aber dort keine (mir verständliche) Antwort auf meine Fragen gefunden.

    • Anzeige

    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

  • zu a:
    das kommt vom html tag "<strong>". wo das vorgegeben ist kann ich dir aber nicht sagen. Entweder es steht in der "bp-profile-search/bp-search.php" Datei irgendwo nach dem von dir zitierten Codeabschnitt oder du hast das eventuell selber eingegeben beim festsetzen der Zeile "Mitglieder-Kategorie (Team oder Fan?):".

    zu b:
    Eventuell kannst du auch in der obigen Datei das Team noch durch ein zusätrzliches Element umschliessen?

    PHP
    <span class="xyz">
    <?php //hiermitt wird "Team" oder "Fan" aufgerufen ?>
    </span>


    Dann kannst du das über die Klasse "xyz" regeln.

    Ansonsten kannst du ja:

    Code
    .bps_filters {
    /* hier kommen die Style-Angaben für "Fan" oder "Team" rein */
    }
    
    
    .bps_filters strong {
    /* hier kommen die Style-Angaben für "Mitglieder-Kategorie (Team oder Fan?):" rein => diese ÜBERSCHREIBEN die Style-Angaben aus der vorigen Angabe, sodass sie eigene Styles bekommt. */
    }

    LG, pixselig

    PS: schaue dir mal deinen Header bei einem grösseren Monitor an. Bei mir (1920*1080) sieht der echt nicht gut aus.

  • Vielen Dank für die ausführliche und klare Antwort:

    zu a):

    Nach dem von mir zitierten Code kommt in der fraglichen Datei kein

    Code
    <strong>

    mehr, davor aber schon öfter:

    Code
    <strong>$field_label:</strong>

    An anderen Stellen kann ich die fett-Setzung aber vielleicht gebrauchen, z.B.:

    http://1a-spielwiese.de/mitglieder/?fi…Hamburg&options[]=like&bp_profile_search=62.

    zu b):

    aa)

    PHP
    <span class="xyz">
    <?php //hiermitt wird "Team" oder "Fan" aufgerufen ?>
    </span>

    Mein Problem scheint also zu sein, dass ich nicht, weiß, womit "Fan" oder "Team" aufgerufen wird (das sind halt die jeweiligen Such-Begriffe). Ich hatte den Plugin-Autor gefragt:

    Zitat

    "Where is the design of the line ‘Mitglieder-Kategorie (Team oder Fan?): Fan’ defined?"

    Aber seine Antwort differenzierte dann gar nicht zwischen "Mitglieder-Kategorie (Team oder Fan?):" einerseits und "Fan" andererseits:

    Zitat

    "That line is produced by bp-profile-search/bp-search.php, line 122:"

    bb)

    Danke noch mal - das brachte mich dazu, es mit:

    Code
    p.bps_filters {
        font-size: 16px;
          font-weight: bold;
    }

    zu probieren. - Jetzt ist die ganze Zeile fett (auch bei dem oben verlinkten Such-Ergebnis); das gefällt mir auf alle Fälle schon mal besser. :)

    zum PS.:

    Ja. Die ganze Seite ist bisher nur zum Experimentieren / Lernen (auch das Sport-Thema ist nicht wirklich mein sujet). Mit dem Header habe ich mich noch nicht weiter befasst - außer, dass ich herausfinden wollte (und herausfand), wie sich beim Reddle-Theme überhaupt ein Bild im Hintergrund (statt unterhalb von Blog-Titel und -Beschreibung) plazieren lässt.

  • Ich habe es jetzt doch noch mal anders gemacht - und zwar die Anweisungen für p.bps_filters wieder gestrichen und statt dessen in die php-Datei noch eine h1-Überschrift eingefügt:

    Code
    if (count ($done) == 0)  return false;
        echo “<h1>Suchergebnisse für</h1>”;
        echo “\n”;
        echo “<p class=’bps_filters’>\n”. $filters;
        echo ”
    \n”;
    
    
         return true;
    }

    Nun sieht es so aus:

    http://1a-spielwiese.de/mitglieder/?fi…file_search=326 -

    allerdings stört mich immer noch die URL-Form, sodass ich dafür:

    http://forum.wpde.org/konfiguration/…bar-machen.html

    immer noch eine Lösung suche. -

    Und die Art wie meine Überschriften angezeigt werden, erstaunt mich auch immer noch:

    http://forum.wpde.org/design/134047-…ne-serifen.html

  • @ pixselig / http://forum.wpde.org/design/134028-…html#post579348:

    Offtopic noch mal wegen:

    Zitat

    "PS: schaue dir mal deinen Header bei einem grösseren Monitor an. Bei mir (1920*1080) sieht der echt nicht gut aus."

    Ich habe mich jetzt mit meinem Header befasst; im Moment soll es so:

    http://1a-spielwiese.de/wp-content/upl…FF32-normal.jpg

    aussehen (vgl.: https://wordpress.org/support/topic/…=4#post-6112471).

    Wie sieht denn das bei Deinem großen Display aus?

    -----

    Und zwischendurch hatte ich das probiert:

    https://wordpress.org/support/topic/…18#post-6108892 (vgl. auch den folgenden Kommentar). -

    Und das:

    https://wordpress.org/support/topic/…18#post-6108920

    habe ich noch nicht probiert, weil ich dann erst einmal mit der jetzigen Version rumgespielt hatte. - Falls ich mich am Ende gegen Javascript entscheide oder auch die jetzige Variante bei großen Displays nicht so aussieht, wie sie aussehen soll, werde ich die zuletzt genannte Variante noch ausprobieren.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!