Suche feld editiren

[doddn1982]

Hallo Leute,

ich bin relativ neu hier und schon habe ich eine Frage.

Ich habe eine eigenes Template mit Artisteer entworfen und bin dabei es einzubinden, was bisher ganz gut klappt. Ich habe allerdings keine Ahnung wie ich das „search-form“ an mein Design anpassen kann. In meine style.css sind alle Klassen dafür hinterlegt aber wo und wie muss ich die definieren? Ich bekomme immer nur das Standard Suchfeld angezeigt.
Entschuldigt bitte wenn ich mich nicht verständlich ausgedrückt habe, hoffe aber das ihr mir trotzdem helfen könnt.
Anbei 2 Bilder wie es aussieht und aussehen soll.

MFG Torsten


Linkback: https://www.modified-shop.org/forum/index.php?topic=23513.0

[Jenser]

...\templates\<dein template>\boxes\box_search.html
...\templates\<dein template>\source\boxes\search.php

[doddn1982]

Danke für die Schnelle Antwort. hilft mir aber nicht wirklich weiter. Habe hier auch schon etliche Beiträge gelesen die das gleiche Thema ansprechen aber funktioniert einfach nicht hier der auszug aus der css

Code: CSS  [Auswählen]

form.art-search input[type="text"]
{
   background: #F5F5F5;
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius:4px;
   border:1px solid #B5B5B5;
   margin:0 auto;
   width: 100%;
   padding: 3px 0;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   color: #262626 !important;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}
form.art-search
{
   background-image: none;
   border: 0;
   display:block;
   position:relative;
   top:0;
   padding:0;
   margin:5px;
   left:0;
   line-height: 0;
}

form.art-search input
{
   top:0;
   right:0;
}

form.art-search>input {
   bottom:0;
   left:0;
   vertical-align: middle;
}
 
form.art-search input[type="submit"]
{
   margin:0 auto;
   color: #212121 !important;
   position:absolute;
   display:block;
   left: auto;
   border:none;
   background:url('images/searchicon.png') center center no-repeat;
   width:24px;
   height: 100%;
   padding:0;
}

mein style.css ist auch in der general auch definiert.

Was und wo muss ich in der search.php ändern das er mein css nimmt?

[doddn1982]

Hat sich erledigt. Habe es mit <div> gelöst.

danke trotzdem.

[doddn1982]

Hallo zusammen.

Ich habe mal wieder ein Problem. Und zwar erstelle ich ein eigenes design nutze aber die Standard product_info_tabs welche ja von der javascript.css und der jquery-ui.css gespeist wird.
Bei mir werden aber die ul-class und die li-class nicht zu gewiesen.

Was könnte ich falsch machen?

Entschuldigt bitte die dumme Frage und tut mir leid ich kenn leider kein link zum Ansehen anhängen weil ich alle lokal teste bis es reif ist.

Danke schon mal.

LG Torsten