custom-font-family
/* English font */ html:lang(en) body { font-family: “Inter”, sans-serif !important; } /* Arabic font */ html:lang(ar) body { font-family: “Droid Kufi AR”, sans-serif !important; }Continue reading
Type: css
custom-language-switcher-styles
#trp-floater-ls { min-width: 100px !important; } #trp-floater-ls.trp-bottom-right { /* right: ‘5%’ !important; */ } #trp-floater-ls.trp-color-light { box-shadow: 0 6px 24px 0 rgba(18,43,70,0) !important; border-radius: 10px 10px 0 0 !important; border: 1px solid #F3F4F6 !important; background: #FFFFFF !important; } .trp-color-light #trp-floater-ls-language-list…Continue reading
EIN – Süße Tiere – Querformat Schriftgröße und ihre Ausrichtung Tablet
@media only screen and (max-width: 1024px) and (min-width: 768px) { /* Hauptinhalt leicht verbreitern, damit der Text korrekt ausgerichtet ist */ .with_aside .sections_group { width: 72% !important; /* Bisschen mehr Platz, damit der Text mit dem Männchen abschließt */ float:…Continue reading
EIN – Süße Tiere – Querformat Tablet korrigieren
@media only screen and (max-width: 1024px) and (min-width: 768px) { /* Sidebar sichtbar machen und passend breit */ .mcb-sidebar { display: block !important; visibility: visible !important; opacity: 1 !important; width: 20% !important; /* Sidebar-Breite */ float: left !important; } /*…Continue reading
EIN – Süße Tiere – IKS Kategorie Widget Breite anpassen wegen letztem Buchstaben
/* Breite des Widgets anpassen */ .iksm-term__shifts { width: auto !important; min-width: auto !important; max-width: none !important; } /* Einrückung für Unterkategorien beibehalten */ .iksm-term–child .iksm-term__shifts { padding-left: 15px !important; /* Falls nötig, anpassen */ }Continue reading
EIN – Süße Tiere – Blogbereich und Bild mit Sidebar oben angleichen
/* Änderungen nur für die Blogübersicht und Kategorien, NICHT für Einzelposts oder Startseite */ .blog .image_wrapper, .archive .image_wrapper { margin-top: 37px !important; } .blog .post-desc-wrapper, .archive .post-desc-wrapper { margin-top: 12px !important; }Continue reading
EIN – Süße Tiere – Menükorrektur Header
/* Suchseite – Falsches Menü ausblenden */ body.search nav#menu ul.menu.page-menu { display: none !important; } /* Suchseite – Richtiges Menü sicherstellen */ body.search #Top_bar .menu { display: flex !important; justify-content: center; align-items: center; opacity: 1 !important; visibility: visible !important; height:…Continue reading
EIN – Süße Tiere – Umrahmung Tab-Steuerung Barrierefreiheit
a:focus-visible, button:focus, input:focus, textarea:focus, select:focus { outline: 2px solid #BBA5A7; /* Orangefarbener Fokus */ outline-offset: 3px; /* Abstand zur Umrandung */ border-radius: 4px; /* Abgerundete Kanten (optional) */ background-color: #dcd0d2; /* Optional: Hintergrundfarbe ändern */ color: #000; /* Optional: Textfarbe…Continue reading
EIN – Süße Tiere – H1- Titel Größe auf Mobilen Geräten
@media only screen and (max-width: 768px) { #Subheader .title { white-space: normal !important; /* Umbrüche erlauben */ word-wrap: break-word !important; /* Lange Wörter umbrechen */ overflow-wrap: break-word !important; /* Alternative Unterstützung */ width: 100% !important; /* Volle Breite nutzen */…Continue reading
AUS – Süße Tiere – Breite der Sidebar und Hauptinhalt anpassen
/* Sidebar sichtbar machen und passend breit */ .mcb-sidebar { display: block !important; visibility: visible !important; opacity: 1 !important; width: 21% !important; /* Falls zu schmal, auf 22% erhöhen */ float: left !important; } /* Hauptinhalt schmaler machen, damit Sidebar…Continue reading