Anpassung der Dot-Nav beim Slider

ab001
Autor
Senior Mitglied
Beiträge: 56
Dank erhalten: 2

Anpassung der Dot-Nav beim Slider wurde erstellt von ab001

Posted 2 Jahre 11 Monate her #1

Hallo zusammen,
ich hätte gerne die dot-nav unter dem uk-slider kleiner.
Wo kann man die Größe anpasssen?

Grüße
Arno

Joomla 4.4.9
PHP 8.2.14
Templ. Outfit 1.3.17
framework 3.0.8

von ab001

Anhänge:

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

WM-Loose
Moderator
Beiträge: 2691
Dank erhalten: 467

WM-Loose antwortete auf Anpassung der Dot-Nav beim Slider

Posted 2 Jahre 11 Monate her #2

Bitte mal folgenden Code in deine custom.css einügen:

Code:

.uk-dotnav > * > * {
  width: 20px !important;
  height: 5px !important;
  border-radius: 8px;
}

width und heigt Angabe in px dann beliebig anpassen, falls zu klein.

JP-Administrator
Supporter im forum.joomla.de/

Last Edit:2 Jahre 11 Monate her von WM-Loose

Letzte Änderung: 2 Jahre 11 Monate her von WM-Loose.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

ab001
Autor
Senior Mitglied
Beiträge: 56
Dank erhalten: 2

ab001 antwortete auf Anpassung der Dot-Nav beim Slider

Posted 2 Jahre 11 Monate her #3

WM-Loose schrieb:
Bitte mal folgenden Code in deine custom.css einügen:

Code:

.uk-dotnav > * > * { width: 20px !important; height: 5px !important; border-radius: 8px; }

width und heigt Angabe in px dann beliebig anpassen, falls zu klein.

leider immer noch die gleiche Größe, trotz cache leeren etc.
im Flex-container sind die dots derzeit 30/14

s184231467.online.de/

Grüße
Arno

Joomla 4.4.9
PHP 8.2.14
Templ. Outfit 1.3.17
framework 3.0.8

von ab001

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

joomlaplates
Moderator
Beiträge: 2588
Dank erhalten: 397

joomlaplates antwortete auf Anpassung der Dot-Nav beim Slider

Posted 2 Jahre 11 Monate her #4

Important anfügen

Code:

.uk-dotnav > * > * {
  width: 30px !important;
  height: 14px !important;
  border-radius: 8px;
  background: #fff;
  border: 1px solid rgba(112, 112, 112, 0.4) !important;
}

Und den CSS Code in die benutzer definierten Code einfügen

von joomlaplates

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Administrator
Moderator
Beiträge: 1039
Dank erhalten: 175

Administrator antwortete auf Anpassung der Dot-Nav beim Slider

Posted 2 Jahre 11 Monate her #5

BTW:
Noch das wichtige Sicherheitsupdate auf 4.2.8 machen!

Und Astroid ist 2.6.4.

Supporter bei forum.joomla.de

Last Edit:2 Jahre 11 Monate her von Administrator

Anhänge:

Letzte Änderung: 2 Jahre 11 Monate her von Administrator.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

ab001
Autor
Senior Mitglied
Beiträge: 56
Dank erhalten: 2

ab001 antwortete auf Anpassung der Dot-Nav beim Slider

Posted 2 Jahre 11 Monate her #6

joomlaplates schrieb:
Important anfügen

Code:

.uk-dotnav > * > * { width: 30px !important; height: 14px !important; border-radius: 8px; background: #fff; border: 1px solid rgba(112, 112, 112, 0.4) !important; }

Und den CSS Code in die benutzer definierten Code einfügen

Habe ich in die custom.css kopiert und abgeändert.

Auch schon vorher aus der template.css rausgeholt und abgeändert...leider
auch keine Änderung....??

Code:

.uk-dotnav > * > * {
  width: 20px !important;
  height: 5px !important;
  border-radius: 2px;
  background: #fff;
  border: 1px solid rgba(112, 112, 112, 0.4) !important;
}

es ist und bleibt bei 30/14px

Grüße
Arno

Joomla 4.4.9
PHP 8.2.14
Templ. Outfit 1.3.17
framework 3.0.8

von ab001

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Anpassung der Dot-Nav beim Slider

Anpassung der Dot-Nav beim Slider wurde erstellt von ab001

Anhänge:

WM-Loose antwortete auf Anpassung der Dot-Nav beim Slider

ab001 antwortete auf Anpassung der Dot-Nav beim Slider

joomlaplates antwortete auf Anpassung der Dot-Nav beim Slider

Administrator antwortete auf Anpassung der Dot-Nav beim Slider

Anhänge:

ab001 antwortete auf Anpassung der Dot-Nav beim Slider

Installations-Service

JoomlaPlates

Templates

Service

Kontakt & Rechtliches