Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • June 29, 2015 at 3:35 pm #465894
    Alex

    Guten Tag

    Wir haben hier ein Überbleibsel unserer letzten website (statische Tabelle) via “code-block” übernommen.
    Das styling von eben dieser Tabelle geschieht über ein eigenes/zugehöriges css.file

    Das funktioniert soweit gut, leider ist das ganze Ding dadurch nur ziemlich angenagelt, sprich weder responsive noch fluid, was auf mobilen Ausgabegeräten (smartphones etc.) zu der bekannten Fehldarstellung führt.

    Neue Tabelle via avia-layout-architekt liefert das passende fluid-design, aber halt nicht die gewünschte grafische Darstellung.

    Wir würden nun gern entweder die alte Tabelle mit den Funktionen (jquery?) der theme-Tabellenfunktion, oder aber die neue Tabelle mit unserer alten styling-css, ausstatten.

    Eine Empfehlung wie wir diese Problematik am besten angehen sollten!?

    Dank und Gruß
    Alex

    July 1, 2015 at 9:50 am #466863
    Andy

    Hi Alex!

    du kannst versuchen mittels media queries zu arbeiten und so definieren welcher CSS code für welche Bildschirmgröße angewendet werden soll. Weitere Infos dazu: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

    Gruß,
    Andy

    July 7, 2015 at 5:54 pm #469869
    Alex

    Hi Andy

    Noch mal probiert und probiert, aber als Laie bekomme ich das nicht vernünftig hin.
    Für jemanden mit Ahnung ist das sicherlich eine schnelle Nummer, nehmt ihr auch Auftragsarbeiten entgegen!?
    Dann darf uns du, oder auch wer anderes aus eurem Team, gern mal ein Angebot zukommen lassen. (email s.h unten)

    Optisch sollte sich das Endergebnis am ersten link orientieren, ob das dann via tables oder auch völlig anders gelöst wird ist mir ziemlich egal^^
    Gern ansonsten auch ansprechenden Alternativvorschlag.

    Dank und Gruß

    Alex

    July 8, 2015 at 8:09 am #470051
    Ismael

    Hi!

    The table width of the table is set inline so you have to override that. You can add this in the Quick CSS field:

    .brndtbl {
  width: 100% !important;
}

    Regards,
    Ismael

    July 8, 2015 at 9:13 am #470084
    Alex

    Thanks

    Tryin this, but the “only” result is that the table is filled up by lot of whitespace around the logos in fullscreen (because of width 100%)
    When scalled the screensize down (responsive) the right collum/logos are still missing because of the non-responsive design/code of my table.

    Would be great if someone with knowledge could have a look at either the html code and the css to fix my/our problem, willing to spend some bucks of cause, no problem.

    July 8, 2015 at 10:02 am #470097
    Andy

    Hey!

    dein zweiter Link vom ersten Post funktioniert nicht: “Es konnte leider nichts gefunden werden”, daher kann ich mir nicht genau anschauen was du brauchst.
    Einen Freelancer für diesen Job kannst du hier engagieren: http://kriesi.at/contact/customization

    Cheers!
    Andy

    July 8, 2015 at 10:34 am #470109
    Alex

    Hi Andy

    War auf private, damit sich nicht noch jemand zufällig darauf verirrt in der Zwischenzeit, wieder verfügbar.
    Ist aber auch nur eine Tabelle, erstellt mit eurem site-builder.
    Da funktioniert das responsive-design wie angedacht, hat aber aktuell halt diese unschöne Standard-Optik.

    Haben eure Tabellen eine bestimmte Klasse, das ich mein CSS idealerweise einfach entsprechend zuweisen kann!?

    Kannst dir ja noch mal angucken, vielen Dank!

    July 8, 2015 at 12:23 pm #470149
    Andy

    Hi!

    du könntest die neue Tabelle mittels CSS code ausstatten. Aktiviere dafür Custom Class for all ALB elements.
    Dann kannst du deiner Tabelle eine unique CSS Class zuweisen und diese im Quick CSS code stylen.

    Hoffe das hilft!

    Gruß!
    Andy

    July 8, 2015 at 1:08 pm #470213
    Alex

    Ist in der functions.php aktiviert (ganz unten), aber wo finde ich diese Funktion nun im layout-editor!?

    http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/blur.jpg

    Das finde ich einfach nirgends wieder, blind?!? Danke! ;-)

    July 8, 2015 at 1:26 pm #470234
    Andy

    Hey!

    öffne das element im ALB um es zu editieren. Scrolle runter bist du “Unique CSS Class” siehst.

    Gruß,
    Andy

    July 8, 2015 at 2:05 pm #470264
    Alex

    Kann ich irgendwie testen ob die Funktion in der functions richtig eingebunden wurde!?

    Weil ich hab da einfach nichts mit “unique css class”

    Das einzige wo ich so was ähnliches habe ist beim grid-row (Für Entwickler: Section ID), aber damit bekomme ich es nicht hin und ist glaub ich auch eher für Sprungziele etc. pp (!?)

    July 8, 2015 at 2:07 pm #470268
    Andy

    Hey!

    sorry, genau das meinte ich auch: “Section ID”. Trage dort ein bestimmtes Wort ein, welches du dann via CSS code abrufen kannst. Das Tutorial dazu noch mal hier: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Gruß,
    Andy

    July 12, 2015 at 2:36 pm #472045
    Alex

    job done with some extended help, ticket could closed! :-)

    July 13, 2015 at 9:19 am #472182
    Andy

    Hi!

    schön, dass du es hinbekommen hast. Lass uns in einem neuen Ticket wissen, wenn du wieder eine Frage oder Hilfe bezüglich des Themes benötigst. Wir unterstützen dich gerne.

    Gruß,
    Andy

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘table gestalten’ is closed to new replies.