Çıldıracağım- Bir türlü değiştiremedim. - Opencart Hk.

Arkadaşlar selam.
Opencart altyapılı bir sitem var. Fakat bir kaç noktasını asla düzeltemedim. Yazılımdan çok anlayan biri değilimdir. Yapay zeka vs bir çok şey denedim ama bir türlü olmuyor.
Destek verebilen çıkar mı ?

Aşağıdaki arama butonunu bir türlü düzeltemedim ve değiştiremedim.



Birde kategorilerde 1 satırda 4'lü gözüksün istiyorum ama bunu da yine bir türlü beceremedim.

Destek olabilecek biri varsa çok sevinirim.

İyi forumlar.

Ücretsiz yardımcı olabilirim whatsapptan yazın

Site adresinizi iletebilir misiniz pm veya açıktan farketmez.

Düzenleme:
HTML kısmındaki aşağıdaki kodu bulun:

<form class="dropdown-menu"><div id="search" class="input-group">
  <input id="ajax-search-text" type="text" name="search" value="" placeholder="Ne aramıştınız?" class="form-control">
  
  <div class="ajaxishi-search" style="display: none;"><ul></ul></div>
  
  <span class="input-group-btn">
    <button id="ajax-search-btn" type="button" class="btn"><i class="fa fa-search"></i></button>
  </span>
</div>
<script>
    (function() {
        document.getElementById('ajax-search-text').addEventListener('keypress', function(event) {
            if (event.keyCode == 13) {
                event.preventDefault();
                document.getElementById('ajax-search-btn').click();
            }
        });
    }());
</script></form>

Aşağıdakiyle değiştirin:

<form class="dropdown-menu">
  <div id="search" class="search-box">
    <input id="ajax-search-text" type="text" name="search" value="" placeholder="Ne aramıştınız?" class="form-control">
    <button id="ajax-search-btn" type="button" class="search-btn">
      <i class="fa fa-search"></i>
    </button>
    <div class="ajaxishi-search" style="display: none;"><ul></ul></div>
  </div>
  <script>
    (function() {
        document.getElementById('ajax-search-text').addEventListener('keypress', function(event) {
            if (event.keyCode == 13) {
                event.preventDefault();
                document.getElementById('ajax-search-btn').click();
            }
        });
    }());
</script>
</form>

stylesheet.css dosyanızdaki .search-widget form input[type="text"] sınıfını bulun aşağıdaki kısmı silin:

padding: 5px 15px;

yerine

padding-top: 13px

ekleyin

Son olarak aynı css dosyasında .search-widget form button sınıfını bulun:
height'i 30px olarak değiştirin.


Yeni hali:

@SauRonn Çok teşekkür ediyorum hocam