Neu Suchen Button rechts oben und rechts unten abrunden.

garifulin

Sehr aktives Mitglied
10. Januar 2019
369
55
Guten Morgen zusammen,
hab schon einiges probiert nur komme ich nicht auf den richtigen Trichter.

Mein Ziel ist es die Suche im Header abzurunden links oben und unten in der Sucheingabe hat es schon geklappt mit
Code:
.twitter-typeahead [id="search-header"] {
    border-top-left-radius: 10px;
     border-bottom-left-radius: 10px;
  }
aber den Suchbutton bekomme ich einfach nicht hin
habe sogar aus purer Frustration diesen Kompletten eingeprügelt
Code:
.input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text, .input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn, .input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

was muss ich eingeben damit es klappt?
 

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
7.090
1.854
Berlin
Ohne das gesehen zu haben ist das immer Mist weil keiner weiß was für ein Template und ob da was anders ist als bei einem selbst.

CSS:
#jtl-nav-wrapper .search-wrapper .input-group .btn {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
 
  • Gefällt mir
Reaktionen: garifulin