Wie bekomme ich die "Suchen- Anmelden- und Warenkorbfelder" auf top-margin: 67px ?

[tsinus]

Ich versuche gerade im Header die Felder "Suchen- Anmelden- und Warenkorbwert" auf top-margin: 67px zu bekommen, damit diese unten bündig mit meinem Logo stehen.
Irgendwo habe ich im Code meiner css-datei noch einen Fehler. Kann mir jemand helfen?

Momentan hebe ich das so stehen:
#shop-nav {margin-top: 67px;}

Cache gelleert, nicht tut sich ;-(



Gruß
Thomas

 

[martinwolf]

AW: Wie bekomme ich die "Suchen- Anmelden- und Warenkorbfelder" auf top-margin: 67px

Wo hast du die Regel eingebunden?

 

[tsinus]

AW: Wie bekomme ich die "Suchen- Anmelden- und Warenkorbfelder" auf top-margin: 67px

In der CSS-Datei, in der ich die Änderungen meines eigenen Templates und Theme vornehme (andere Einträge, die dort vorgenommen habe werden ordnungsgemäß umgesetzt).
Bei Bedarf kann ich Dir die Css-Datei auch per PN zukommen lassen.

Gruß
Thomas

 

[martinwolf]

AW: Wie bekomme ich die "Suchen- Anmelden- und Warenkorbfelder" auf top-margin: 67px

Siehst du die Regel denn im Firebug? Wird sie verwendet?

 

[tsinus]

AW: Wie bekomme ich die "Suchen- Anmelden- und Warenkorbfelder" auf top-margin: 67px

Das war der richtige Hinweis: Die Regel wurde NICHT verwendet. Also setzte ich die "#shop-nav" Regel vor die momentan letzte Regel. und siehe da, alles wie gewünscht.
Großes Danke von einem CSS- und Bootstrap-Neuling.

Aber warum funktioniert die Regel nicht, wenn ich diese nach der Regel, die sich am Ende der CSS-Datei befindet einfüge?
Die letzte Veränderung, die in der CSS vorgenommen wird lautet:

/* Navbar im Header: Textfarbe bei Dropdown-Buttons verändern :*/
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
background-color: transparent;
color: #2d2d2d;
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #777777;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
background-color: transparent;
color: #2d2d2d;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
background-color: transparent;
color: #2d2d2d;

 

[martinwolf]

AW: Wie bekomme ich die "Suchen- Anmelden- und Warenkorbfelder" auf top-margin: 67px

Regeln die sich innerhalb eines Media Queries befinden, greifen zum Schluss.

Ergo müsstest du diese Regel 1:1 kopieren und nur den entsprechenden Wert ändern. Also alt aus der bootstrap.css:

@media (min-width: 768px) {
  .navbar-form {
    padding: 0;
  }
  #shop-nav {
    margin-top: 15px;
  }
}

wird zu neu in deiner eigene_einstellung_a.css:

@media (min-width: 768px) {
  #shop-nav {
    margin-top: 67px;
  }
}

 

[tsinus]

AW: Wie bekomme ich die "Suchen- Anmelden- und Warenkorbfelder" auf top-margin: 67px

Super, danke für den Hinweis. So gaaaanz langsam nähere ich mich dem Bootstrap 😉