Datenschutz Impressum

NOF-Schule | Forum

zur Schule NOF-NetObjects-Tutorials von Tommy Herrmann

Die Foren sind geschlossen. Für Fragen zu MR, NOF & mehr steht Tommys Forum zur Verfügung. Ich danke für die langjährige Treue und Mitarbeit! Eure Administratorin.

Icon Pfeile beim Slider anpassen
#1
Hallo zusammen,
wo kann ich die Icons (Pfeile) im Slider anpassen / ändern?
Danke


Angehängte Dateien
.jpg  slider.jpg (Größe: 21,97 KB / Downloads: 32)

Alle Beiträge dieses Benutzers finden
#2
Moin,

was genau willst Du denn erreichen. Da gibt es unterschiedliche CSS-Klassen.

Wahrscheinlich müsstest Du diese Class anpassen:

Code:
.carousel-control {
}


Der linke Pfeil wird zusätzlich über die

class="carousel-control-prev"

... und der rechte Pfeil wird über die

class="carousel-control-next"

gestaltet.
Alle Beiträge dieses Benutzers finden
#3
... ich möchte gerne ein anderes ICON für die Pfeile verwenden.
Alle Beiträge dieses Benutzers finden
#4
... wo jetzt diese Grafik genau herkommt müsste ich auch erst forschen - das ist wohl so eine "svg" Grafik ...

Ich habe aber mal die Größe, Postion und Farben der Pfeile geändert von:


Code:
  .carousel-control {
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -1.5rem;
    font-size: 35px;
    background-color: rgba(0, 0, 0, 0.5);
    border: 2px solid #fff;
    border-radius: 50%;
    transition: all .3s;
    z-index: 11;
    &.carousel-control-prev {
      left: 0;
      margin-left: 2.5rem;
    }
    &.carousel-control-next {
      right: 0;
      margin-right: 2.5rem;
    }
    .mbr-iconfont {
      font-size: 1.5rem;
    }
    @media (max-width: 767px) {
      top: auto;
      bottom: 1rem;
    }
 
geändert in:
 
Code:
  .carousel-control {
    top: 50%;
    width: 40px;
    height: 40px;
    margin-top: 6.5rem;
    background-color: rgba(0, 0, 0, 0.5);
    border: 2px solid red;
    color: yellow;
    border-radius: 50%;
    transition: all .3s;
    z-index: 11;
    &.carousel-control-prev {
      left: 0;
      margin-left: 0.5rem;
    }
    &.carousel-control-next {
      right: 0;
      margin-right: 0.5rem;
    }
    .mbr-iconfont {
      font-size: 1.0rem;
    }
    @media (max-width: 767px) {
      top: auto;
      bottom: 1rem;
    }

... vielleicht hilft Dir das ja schon weiter. So sieht das dann z.B. aus:

http://www.mobirise-tutorials.com/Testse...slider2-4x


.jpg  Controls_anders.JPG (Größe: 27,56 KB / Downloads: 28)
Alle Beiträge dieses Benutzers finden
#5
Sieht nach class="mbri-left" bzw. class="mbri-right" aus der mobirise-icons.css aus.

.mbri-left-right:before {
content: "\e942";
}
.mbri-left:before {
content: "\e943";
}
.mbri-right:before {
content: "\e966";
}
Alle Beiträge dieses Benutzers finden
#6
... stimmt, danke Klaus thumbs up

http://www.mobirise-tutorials.com/Testse...ise-Slider

Wie ich andere Symbole über den Icon-Editor von Mobirise auswähle, habe ich auf meiner Seite beschrieben.
Alle Beiträge dieses Benutzers finden


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Urplötzlich erscheint beim Hochladen folgender Text Michael G 4 319 09.12.2020, 16:39
Letzter Beitrag: tino79
  Icon wird nicht angezeigt kfz-fotograf 7 413 25.11.2020, 14:15
Letzter Beitrag: barbara0701
  Fehler beim Popup? magfly78 4 323 21.10.2020, 07:58
Letzter Beitrag: magfly78
  Slider-EInstellung inno 5 346 19.10.2020, 10:17
Letzter Beitrag: Tommy Herrmann
  Cookie Alert / Schriftgrösse anpassen inno 6 393 15.10.2020, 15:56
Letzter Beitrag: inno
  Slider mit Fade-Übergang und Text stobi_de 11 863 07.06.2020, 14:12
Letzter Beitrag: Tommy Herrmann
  Scroll Pfeile und Anker Reves84 10 838 31.05.2020, 11:30
Letzter Beitrag: Tommy Herrmann
  Problem beim Footer Löschen funsport 2 446 03.05.2020, 20:54
Letzter Beitrag: Martin73
  Dem Block aus Slider Galeries eine Schatten verpassen funsport 6 678 06.04.2020, 22:47
Letzter Beitrag: Martin73
  Mobirise- Fehlermeldung beim Publizieren Thomas Saake 14 1.249 07.03.2020, 11:14
Letzter Beitrag: Thomas Saake



Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
nach oben An den Anfang der Seite scrollen
NetObjects Fusion Infos, Downloads und Updates Diese Website wird durch Bot-Trap vor Spam geschützt!