Slider Revolution, Reduzierung linken Rand/Polsterung auf Handy

Question

Überprüft überall und probiert viele verschiedene Dinge aus, immer noch nichts funktioniert.

Seite ist www.livehealthyacademy.com

Ich versuche, für meine Slider Revolution auf Handy von linken Rand/padding loszuwerden. Ich möchte den Schieberegler über die gesamte Breite erstrecken. Irgendein CSS, das mir dabei helfen wird? Ich habe diese verschiedenen Zeilen unten ausprobiert, einige andere auch ausprobiert. Nicht vertraut mit dieser Art von CSS, also Im einfach kopieren und einfügen, was andere gesagt haben, funktioniert für sie.

.entry-content .rev_slider ul {padding-left: 0 !important; margin-left: 0 !important} 

.entry .rev_slider ul {padding-left: 0 !important; margin-left: 0 !important} 

.content .rev_slider ul {padding-left: 0 !important; margin-left: 0 !important} 

#content .rev_slider ul {padding-left: 0 !important; margin-left: 0 !important} 

.rev_slider ul {padding-left: 0 !important; margin-left: 0 !important} 

#sliders-container { 
margin: 0 20px !important} 

Dank

2: View custom class here

Answer 1

Das Problem ist die div, die für die Reihe der Hauptbehälter ist. Die Klasse "col-sm-12" fügt den darin enthaltenen Elementen ein Padding hinzu. Normalerweise habe ich eine "no-mobile-padding" -Css-Regel und füge sie dort hinzu, wo ich nicht padding möchte.

Fügen Sie diese:

div#column-1cd465cfdcf85c93601bd492fa0a9e36 { 
padding: 0; 

}

Hope it Knospe