Verwendung: Autorbild in Testimonial-Slider ohne Beschnitt gewünscht

Meike's Avatar

Meike

29 Feb, 2016 10:38 AM

Produkt: Tao Contao
Contao-Version: 356

Guten Tag,
ich habe eine Frage zum RockSolid Slider Testimonials von unserem Theme Tao.
Das Autor-Bild wird offensichtlich automatisch auf ein quadratisch beschnittenes Format gebracht. Wie kann ich das verhindern? Unsere Kunden möchten nicht, dass ihr Logo beschnitten wird.
Können Sie mir einen Tipp geben?
Danke und viele Grüße,
Meike Harm

  1. Support Staff 1 Posted by RockSolid Theme... on 29 Feb, 2016 02:01 PM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Bearbeiten Sie dafür bitte das Template templates/tao/rsce_tao_testimonial.html5 und ändern die Größeneinstellung von array(78, 78) in array(0, 78) um.

    Danach fügen Sie bitte folgenden CSS-Code in die Datei files/tao/css/custom.css ein:

    .testimonial-author img,
    .testimonial .testimonial-author img {
        width: auto;
        height: 3.25em;
        border-radius: 0;
    }
    
  2. 2 Posted by Meike on 29 Feb, 2016 02:43 PM

    Meike's Avatar

    Vielen Dank! Das funktioniert perfekt!es

  3. 3 Posted by D. Truninger on 03 Sep, 2018 03:01 PM

    D. Truninger's Avatar

    Danke für den Hinweis,
    im Theme ONEO möchte ich das Autorenbild grösser / prägnanter und nicht rund unter dem Testimonial haben.

    Wie kann ich es in rsce_oneo_testimonial.html statt via dieser Zeile <?php if ($image = $this->getImageObject($this->authorAvatar, array(50, 50))): ?> als vollwertiges, rechteckiges Bild ausgeben, idealerweise mit Bildgrössen-Vorgabe?

    **UPDATE: **
    könnte ich evtl. einfach eine Pixel-Proportion vorgeben (z.B. authorAvatar, array(380, 240)) und danach den .testimonial-author img { border-radius: none } setzen?

  4. Support Staff 4 Posted by RockSolid Theme... on 04 Sep, 2018 02:44 PM

    RockSolid Themes's Avatar

    könnte ich evtl. einfach eine Pixel-Proportion vorgeben (z.B. authorAvatar, array(380, 240)) und danach den .testimonial-author img { border-radius: none } setzen?

    Ja, das sollte funktionieren. Allerdings lautet die korrekte Angabe im CSS-Code folgendermaßen:

    .testimonial-author img {
        border-radius: 0;
    }
    

    Mit 0 Anstelle von none.

  5. 5 Posted by D. Truninger on 04 Sep, 2018 02:47 PM

    D. Truninger's Avatar

    Super!

    Und das Autorenbild, kann ich das ergänzen, damit es eine Klick-Vergrösserung erhält? Das wäre goldig, wenn Sie mir eine solche Code-Passage heraussuchen könnten … Die übrigen Bilder sind im Auftritt eben auch so, dann ist die Usabiility ähnlich.

  6. Support Staff 6 Posted by RockSolid Theme... on 05 Sep, 2018 01:35 PM

    RockSolid Themes's Avatar

    Und das Autorenbild, kann ich das ergänzen, damit es eine Klick-Vergrösserung erhält?

    Ja, fügen Sie dafür um das Bild einen Link-Tag ein:

    <a href="<?= $image->singleSRC ?>" data-lightbox="<?= $this->id ?>">
        <?php $this->insert('picture_default', $image->picture) ?>
    </a>
    
  7. 7 Posted by D. Truninger on 07 Sep, 2018 02:10 PM

    D. Truninger's Avatar

    TOP … copy/paste … herzlichen Dank für den Support!

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Already uploaded files

  • graebo.png 8.89 KB

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac