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 3 Jahre 2 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: 2914
Dank erhalten: 496

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

Posted 3 Jahre 2 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:3 Jahre 2 Monate her von WM-Loose

Letzte Änderung: 3 Jahre 2 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 3 Jahre 2 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: 2652
Dank erhalten: 408

joomlaplates antwortete auf Anpassung der Dot-Nav beim Slider

Posted 3 Jahre 2 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: 1051
Dank erhalten: 179

Administrator antwortete auf Anpassung der Dot-Nav beim Slider

Posted 3 Jahre 2 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:3 Jahre 2 Monate her von Administrator

Anhänge:

Letzte Änderung: 3 Jahre 2 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 3 Jahre 2 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.