Buttons

Darstellung in Desktop-/Mobile

  • 3 Button-Elemente untereinander
  • align=left (Style=1)

 

Neuer Button
Neuer Button
Neuer Button

3 Button-Elemente in einem 3-Spaltensatz

  • 3 Button-Elemente nebeneinander
  • align=center (style=2)

 

CSS

 

/*nur mobile Ansichten*/

@media (max-width:667px) {

    /*Ausrichtung erzwungen*/

    .j-calltoaction-wrapper {

          text-align: center !important;

    }

    /*maximale Breite erzwungen*/

    .j-calltoaction-link {

            width: auto;

            max-width: 300px;

            min-width: 0;

            outline: none !important;

    }

}  

 

Telefon-Button (...offCanvasBox)

Bildadresse kopieren:

https://image.jimcdn.com/app/cms/image/transf/none/path/s7185cc0702453176/image/id0259d9e460fa5d9/version/1496907497/image.png


Telefon-Button
(s. SpecialContent in Sidebar)


Bildadresse kopieren:

https://image.jimcdn.com/app/cms/image/transf/none/path/s7185cc0702453176/image/i73ccd61341efdb96/version/1497561199/image.png

html (Widget)

<div style="text-align: center;"><a class="tel-button" onclick="href='tel:+49-177-3847069'" href="tel:+49-177-3847069">
<img src="https://image.jimcdn.com/app/cms/image/transf/none/path/s7185cc0702453176/image/i73ccd61341efdb96/version/1497561199/image.png" />
</a>
</div>

Script for SpecialContent