Slider nicht responsive und Text zu weit links Page Builder Joomshaper + OneClip

Leider erfolgt im JoomShaper Forum keine Reaktion auf meine Frage, daher hoffe ich, dass ich hier Unterstützung für meine Fragen bekomme.

Ich habe von Joomshaper das Template OneClip und mit dem Page Builder eine zusätzliche Reihe mit einem fullwidth Slider eingebaut. In dem Slider soll Text stehen.

Nun rutscht dieser Text standardmäßig aber zu weit über den Rand nach links außen, ist also nicht mehr bündig mit dem restlichen Text in den anderen Reihen. Am PC unter Safari fällt das nicht so sehr auf. Am Handy kann man jedoch die ersten 3 Buchstaben links gar nicht lesen. Im Übrigen ist der Text am Handy auch nicht responsive, obwohl das ganze Template responsive ist.

Und diese owl dots sollen auch in der Mitte der Seite stehen (central) und nicht ganz außen am linken Rand.

Mit dem PageBuilder Standardeinstellungen bekomme ich das nicht hin. Ich habe sowohl bei der Reihe als auch bei den einzelnen Text Items die Innen- und Außenränder verstellt und es tut sich nichts. Vermutlich, weil der Text ohnehin nicht bündig zum Rand ist.

http://www.angelikaschneider.services

Es geht um den Slider in Projektreferenzen

es gab heute ein update. Danach ist der Text wenigstens responsive, aber immer noch zu weit links.

Danke Dir! Es ist jetzt schon besser geworden. Man kann den Text am Handy jetzt grad noch so lesen, klebt aber direkt am Rand. Habe es statt der 0 mal mit 15 probiert, aber da taucht wieder die alte Ansicht auf.

Am PC wäre der linke Rand immer noch nicht bündig mit den anderen Texten, aber da fällt es jetzt nicht soooo auf.

Perfekt, jetzt passt es! Das hatte ich vergessen

Diese Punkte (owl dots) sollten noch in die Mitte. Der Text müsste das hier sein, zumindest hatte ich hier schon die Farbe des aktiven Punkts ändern können:

.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#98c926}

Hier die Auflösung für die Punkte:

div#sppb-custom-dots {

margin: 0 auto;

text-align: center;

Und hier noch die Ergänzung zum Einrücken des Textes im Slider:

}

.sppb-slideshow-fullwidth-item-wrapper {

margin-top: 80px;

padding-left: 15px !important;

margin-left: 15px !important;

}