Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • July 9, 2014 at 3:09 pm #289034
    dreisatz

    Hallo,

    gibt es eine Möglichkeit das Team Member Layout zu modifizieren? Ich möchte auf einer Seite (Page nicht als mehrere Post) unsere Referenten abbilden und zwar gerne das Foto (z.B. 180×180) links haben und daneben dann rechts davon untereinander Name, Titel & Beschreibung. Wie ich dann diese einfärbe oder mit anderer Größe darstellen kann, habe ich zum Glück schon bei im Forum gefunden ,-)

    Im Prinzip sollte es also so aussehen wie hier – nur eben mehrere Team-Mitglieder untereinander.

    Freue mich über eure Tipps

    dreisatz

    July 9, 2014 at 4:54 pm #289097
    Günter

    Hey dreisatz!

    Danke, dass Sie unser Theme benützen.

    Vorgesehen sind Änderungen in der Anordnung nicht.

    Hilfestellung bei kleinen Anpassungen können wir im Rahmen des Forums gerne geben, nur ein komplettes Umstellen sprengt den Rahmen.

    Erstellen Sie einmal eine Seite mit ein paar Einträgen und senden Sie mir den Link zu der Seite – evtl. mit Admin Login und ich werde schauen, wie weit ich Ihren Wünschen dann im Rahmen des Forums nachkommen kann.

    Soweit es mit CSS lösbar ist, können wir Ihnen sicher weiterhelfen.

    mfg
    Günter

    July 9, 2014 at 5:15 pm #289113
    dreisatz
    This reply has been marked as private.
    July 10, 2014 at 10:24 am #289393
    Günter

    Hallo!

    Das Testimonial würde Ihren Wünschen am nächsten kommen. Die Bilder 4-eckig abgerundet sind kein Problem.

    Das Teammember Layout zu ändern ist möglich, aber komplexer. Müsste man den Programmcode abändern sowie etliche CSS Anpassungen und wegen des responsive Designs auch entsprechend testen. Dies ist nur im Rahmen einer Freelancer Tätigkeit möglich (kann ich auch anbieten, bei Interesse bitte E-Mail an (Email address hidden if logged out) ).

    mfg
    Günter

    July 10, 2014 at 11:08 am #289411
    dreisatz

    Hallo Günter,

    besten Dank für die schnelle Antwort. Dann nehmen wir doch das Testimonial-Layout (Das enfold-theme benutze ich ich ja gerade um nicht alles komplett überarbeiten zu müssen/lassen).

    Die abgerundeten Ecken habe ich per CSS schon testweise ändern können, stellt sich jetzt nur die Frage ob man die dazugehörigen Fotos auch größer bekommt (statt 80x80px -was glaub ich thumbnail-größe ist – auf 180x180px)?

    beste grüße nach Wien

    sascha-Juliot

    July 10, 2014 at 11:34 am #289420
    Günter

    Hallo sascha-Juliot

    Ja, kann man ändern:

    In functions.php am Ende folgenden Code einfügen und xxx mit einer definierten image size ersetzen (80*80 ist thumbnail):

    
add_filter ('avf_testimonials_avatar_size', 'my_avatar_size', 10, 3);

function my_avatar_size($size,  $src, $class)
{
$size = 'xxxx';
return $size;
}

    Regards,
    Günter

    July 11, 2014 at 12:56 am #289839
    dreisatz

    Hallo Günter,

    vielen Dank für die wirklich schnelle Antwort.
    Ich komme erst jetzt dazu, die functions.php dementsprechend zu modifizieren.
    Nur leider scheint das nicht so ganz zu funktionieren: ich habe xxxx mit square – also 180x180px -ersetzt, doch die Bilder bleiben leider nur thumbnail groß. http://sueddeutscher-vertriebskongress.de/wp-sdvk/referenten-testimonial/ .

    Habe ich etwas übersehen?

    Fragt,

    Sascha-Juliot

    July 11, 2014 at 10:37 am #289978
    Günter

    Hallo sascha-Juliot

    Der Code passt, nur folgendes fehlt noch:

    In custom.css oder Enfold->Styling in Quick CSS:

    
.avia-testimonial-image{
height: 180px;
width: 180px;
}

    Regards,
    Günter

    • This reply was modified 10 years, 4 months ago by Günter.
    July 11, 2014 at 11:59 am #290007
    dreisatz

    Hallo Günter,

    danke für deinen Einsatz. css-schnipsel ist eingefügt – doch Ergebnis unverändert:
    http://sueddeutscher-vertriebskongress.de/wp-sdvk/wp-content/uploads/2014/07/Bildschirmfoto-2014-07-11-um-11.39.50.png

    wird das Fenster verkleinert, dan allerdings ändert sich auch Bildgrösse auf 180×180 – allerdings ist dann der text auch nicht mehr neben dem Foto.

    Sollte ich etwas übersehen haben, freue ich mich auf eine Hinweis.

    Ansonsten glaube ich, scheint dieser Weg nicht so vielversprechend zu sein, wie anfangs gedacht.

    Dann bitte klitzekleine Rolle rückwärts: wie bzw. was kann ich manuell einem Bild bzw. dem rechts danebengehendem Text einen Abstand nach unten bis zum Ende des Textblocks zuweisen -> also so, dass unter dem Bild Freiraum ist und der Text eben nicht um das Bild fließt. Wunschlayout innerhalb textblock

    Freue mich sehr auf Deine Hilfe – danach kann dieser thread wohl geschlossen werden, oder?

    mit besten grüßen aus der Lüneburger Heide

    Sascha-Juliot

    July 11, 2014 at 12:04 pm #290008
    dreisatz

    doppelankopfklatsch!

    Argh, mein Fehler (css-snippet falsch eingesetzt!) – it works!!!

    Ob Du trotzdem die Frage mit dem Textblock beantworten würdest?

    mit roter Stirn

    Sascha

    July 11, 2014 at 1:26 pm #290041
    Günter

    Hallo Sascha,

    Ich habe hier einen Link – vielleicht beantwortet der Deine Frage:

    http://little-boxes.de/lb1/13.1-text-um-bilder-fliessen-lassen.html

    Besser wäre eine konkrete Seite – hast Du einen link?

    Fals es so wie im 2. Bild aussehen soll, geht das nur mit 2 <div>, die in einem umgebenden <div> liegen.

    LG
    Günter

    July 11, 2014 at 1:50 pm #290066
    dreisatz

    Hallo Günter,

    konkreter Link hier: http://sueddeutscher-vertriebskongress.de/wp-sdvk/floating/. irgendetwas habe ich wieder vergessen, oder?

    verzweifelt im Norden,

    Sascha

    July 11, 2014 at 2:11 pm #290078
    Günter

    Hallo,

    Das ganze liegt in einem <p> block (Bild und Text). Damit fließt der Text um das Bild – das geht nicht anders.

    Den Abstand kann man setzen im tag mit:

    
<img ........ style="margin-bottom: 10px; margin-right: 18px; float: left;">

    Cheers!
    Günter

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.