• Resolved Jockel666

    (@jockel666)


    Hi,

    ich kann ja dem ShariffSC-DIV einen Style wie width:xxx zufügen, in Einstellungen/Design/CSS-Attribut. Doch mein Theme definiert schon eine sch?ne CSS-Klasse, das noch responsive je nach Displaygr??e. Die würde ich nun lieber komplett als Klasse hinzufügen, statt sie über den Style nachzuprogrammieren (was ja responsive auch gar nicht geht). Wie kann ich das machen?

    Also sodass nicht nur herauskommt:
    <div class="ShariffSC" style="[selbstbestimmt]">

    sondern:
    <div class="ShariffSC [eigeneKlasse]">

    https://www.ads-software.com/plugins/shariff/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Jan-Peter

    (@starguide)

    Hallo Jockel666,

    nein, aktuell gibt es diese M?glichkeit eigene Klassen zu erg?nzen noch nicht. Nehme ich aber gerne als Anregung auf meine To-Do-Liste auf.

    Alternativ k?nntest du für die Zwischenzeit natürlich die .ShariffSC zu deiner Theme-CSS-Definition hinzufügen, um den gleichen Effekt zu erreichen.

    Viele Grü?e,
    JP

    Thread Starter Jockel666

    (@jockel666)

    Hi JP,

    danke für die schnelle Antwort! Hmm, die Definitionen der CSS-Klassen finden im Theme statt. Ich müsste dann IMHO entweder in dessen CSS-Dateien rumfummeln und das bei jedem Theme-Update wiederholen. Oder ich müsste in einem Child-CSS s?mtliche Definitionen wieder abtippen (und bei jedem Update überprüfen). Sofern ich mich da auf ein gekauftes Theme verlassen m?chte und kein eigenes entwerfe, halte ich das für eine ungeschickte L?sung. Oder gibts da eine andere L?sung?

    Viele Grü?e, J?rg

    Plugin Author Jan-Peter

    (@starguide)

    Hi J?rg,

    ich hoffe du meinst nicht wirklich abtippen im w?rtlichen Sinne. ??

    Ich meinte das auch mehr als übergangsl?sung, d.h. einfach die .ShariffSC an der gewünschten Stelle hinzufügen im CSS deines Themes und mit einer der n?chsten Shariff-Updates kommt bestimmt schon die M?glichkeit eine eigene Klasse zu erg?nzen.

    Jetzt bin ich aber trotzdem mal neugierig auf deine Seite: Was für Anpassungen am Shariff-Container würde dir das denn bringen? Normalerweise passt sich Shariff ja einfach dem umgebenden Container an und gut ist. Vielleicht hast du ja mal einen Link zu deiner Seite.

    Viele Grü?e,
    JP

    Thread Starter Jockel666

    (@jockel666)

    Hi JP,

    Das Problem grob: Ich habe ein Plugin, das nicht ein DIV um alles packt, in dem die R?nder/Breiten definiert sind. Stattdessen legt es einzelne “Elementzeilen” an mit den Randdefinitionen. Und Shariff packt sich hinter diese Zeilen, steckt also gar nicht mehr in dem DIV mit den R?ndern/widths.?

    Im Detail: Das Theme nutzt das Plugin Visual Composer. Solange ich keines dessen Elemente nutze, ist alles in Ordnung. Doch sobald ich ein Element hinzufüge, passiert folgendes: Der bisherige Text eines Beitrags wird automatisch in ein Visual-Composer-Text-Element geschmissen, das kommt in eine Visual-Composer-Zeile. Und folgende neue Elemente kommen alle in solche Zeilen-DIVs. Genau in den Zeilen-DIVs findet aber die Breiten- und Randdefinition statt.

    Shariff fummelt sich aber an eine Stelle in den HTML, die *hinter* den Visual-Composer-Zeilen liegen. Und damit fehlen die ganzen Definitionen der R?nder usw., die ja auch wg. responsive sich über einige @media-Dinger verteilen, die ich erstmal alle finden müsste.?

    Hier ein Beispiel:
    https://schoenergesehen.de/technik/farbprofile/telekom-vodafone-verfaelschen-farbprofil-mobilfunk-komprimierung-1113

    (Das ist der erste Artikel auf meiner Seite, wo ich mit den neuen Visual-Composer-Elementen herumspiele, und auch bisher nur der grüne Kasten unten. Daher tritt das bisher nur hier auf.)

    Wenn Du in den Source schaust:?
    – die beiden <div class=”eut-section… sind diese Element-Zeilen
    – dadrin erst der eut-container ist der div mit der fraglichen Rand/Breite-Definition
    – das shariff-div landet auf der gleichen Ebene wie die eut-sections, und so fehlen Rand/Breite

    Die machen das halt, weil Visual Composer die M?glichkeit hat, dass diese Zeilen auch über 100% Breite ohne Rand gehen. Daher ist nicht die Ebene über section und shariff schon “berandet”. Im Unterschied n?mlich zu allen anderen Eintr?gen ohne den Visual Composer: Da ist der eut-container um den kompletten Beitrag inklusive Sharrif drumherum. Und somit stimmen alle R?nder. (Aber wenn ich Elemente haben will, die 100% sind, muss ich wiederum mit negativen Margins arbeiten, auch l?stig…)

    Ich br?uchte also eine M?glichkeit, dem Shariff-DIV die Eigenschaften von .eut-container zu geben. Entweder über class=”shariff eut-container”, oder sowas wie <div class=”eut-container”>[shariff]</div>. Ein weiterer Workaround w?re natürlich, dass ich manuell jedem Beitrag eine Visual-Composer-Zeile hinzufüge mit einem Textelement, das nur [shariff] enth?lt. Was auch etwas l?stig ist ?? Aber immerhin k?nnte ich die Position dann auch frei w?hlen.

    Ich hoffe, ich habe das Problem halbwegs verst?ndlich beschrieben? Sonst frag nochmal.

    Viele Grü?e, J?rg

    Plugin Author Jan-Peter

    (@starguide)

    Hallo J?rg,

    kurz und knapp: In Version 4.3.0 gibt es nun die Option eine eigene Klasse zum Gesamtcontainer hinzuzufügen. Ich hoffe, dass l?st dein Problem!

    Viele Grü?e
    JP

    Thread Starter Jockel666

    (@jockel666)

    Super, danke!

    Viele Grü?e, J?rg

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘CSS-Class für ShariffSC hinzufügen’ is closed to new replies.