Ich möchte die CSS eines div nur auf der Homepage ändern, aber es sollte auf anderen Routen in opencart unverändert bleiben. Kann jemand eine Idee haben?

Question

Ich habe Kategorien auf der Homepage direkt unter dem Schieberegler angezeigt, ich möchte es nur neben dem Schieberegler statt darunter ausrichten. Ich denke, das kann getan werden, indem man diesem Div einen negativen oberen Rand gibt. Aber Problem ist, wie kann ich css nur für die Homepage tun, nicht für andere Seiten

Hier ist der Link zu dieser Seite, die ich ändern möchte.

http://kiranalala.com/

Answer 1

Nun, ich fand die Antwort und es war ziemlich einfacher als ich dachte. Ich habe CSS-Arbeit nach Bedarf ausgeführt und die erforderliche Klasse vorbereitet. Ich habe die Funktion php $ _SERVER verwendet, um mit dem URL-Problem fertig zu werden.

Und dann $ -Klasse-Variable in der div, die neu ausgerichtet werden musste.

Answer 2

Nun, ich weiß nicht, über OpenCart aber CSS.

Ich nehme an, Sie die gleiche Website-Struktur wie diese haben: http://demo.opencart.com/

Also, was können Sie tun, verwenden Homepage Klasse als übergeordnete Klasse für Ihre Anforderung ist.

Wie in oben Bild, das wir "common-home" als übergeordnete Klasse verwenden können, so dass nur für Homepage auswirkt.

So können Sie Ihren Code wie sein, wie folgend

.common-home .home-slide{ 
    margin-top:-15px 
} 

Sie sollten einige Ihrer Quellcode stellen uns eine perfekte Lösung zu geben.

Answer 3

Sie haben Ihre ganze ID bewegen = "Spalte links" div innerhalb von span12 div wie in Abbildung dargestellt.