+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Widget passt nicht in das Theme (/thread-36818.html)
Widget passt nicht in das Theme - falcao1010 - 01.11.2019
Hallo,
ich habe ein kleines Widget mit Stellenanzeigen eingebunden. Dieses Widget ist vom Grundsatz responsiv. Mit meinem neuen responsiven Theme BootBB beißt es sich aber in der Desktop- und auch in der mobilen Ansicht.
Beispiel: https://www.kommunalforum.de/stellenanzeigen_oeffentlicher_dienst.php
Die CSS des Widgets liegen mir vor und dürfen angepasst werden.
Hat jemand Zeit und Lust, sich das anzuschauen und Hinweise zur Anpassung zu geben?
Ggf. können wir dies auch als kleinen Job vereinbaren.
Grüße
RE: Widget passt nicht in das Theme - SvePu - 01.11.2019
Bearbeite bitte die: stellenanzeigen_widget_search.css
und ändere:
Code:
.container {width: 800px;margin: 0 auto;}Code:
.container {margin: 0 auto;}RE: Widget passt nicht in das Theme - falcao1010 - 01.11.2019
Dies hat bei mir leider keine Verbesserungen gebracht.
RE: Widget passt nicht in das Theme - SvePu - 01.11.2019
Die Änderung ist im Quelltext auch noch nicht erkennbar....schau da bitte nochmal in die o.g. CSS-Datei rein.
RE: Widget passt nicht in das Theme - Schnapsnase - 01.11.2019
Wenn Du es bei einer eingeschränkten Breite belassen möchtest, kannst Du auch wie folgt vorgehen:
ändere Zeile 254:
Code:
.container {width: 800px;margin: 0 auto;}in z.B.
Code:
.container {width: 70vw;margin: 0 auto;}RE: Widget passt nicht in das Theme - bv64 - 01.11.2019
rein interessehalber, will ja immer dazu lernen, Schnapsnase, was bewirkt 70vw?
RE: Widget passt nicht in das Theme - falcao1010 - 01.11.2019
Oh sorry, SvePu, mein Fehler beim Upload. jetzt funktioniert es. Vielen Dank!
Danke auch an Schnapsnase, ich werde das mal prüfen.
RE: Widget passt nicht in das Theme - Schnapsnase - 01.11.2019
(01.11.2019, 16:20)bv64 schrieb: ...Schnapsnase, was bewirkt 70vw?
@bv64
im originalen css des Widgets ist die Breite auf feste 800px gesetzt. Somit kann es sich auch nicht responsive verhalten.
70vw heißt 70% der Viewportbreite. Der Unterschied vw zu % ist, dass sich % immer am Elternelement ausrichtet.
VW richtet sich immer am Viewport aus, egal, ob es Elternelemente gibt. Gleiches gilt natürlich für vh (Viewporthöhe)
Ich hoffe, es war verständlich.
RE: Widget passt nicht in das Theme - bv64 - 01.11.2019
ah Viewportbreite, thank you very much
Danke, war absolut verständlich