Помощь Поправить шаблон

Тема в разделе "Opencart", создана пользователем t0rik, 14 июн 2013.

Информация :
Внимание форумчане! При создании тем, или выкладывании какой-либо информации проверьте в какой ветке форума вы находитесь! Не путайте Opencart и Opencart2. При несоблюдении данного условия выносится соответствующее наказание! И потом не говорите что вас НЕ ПРЕДУПРЕЖДАЛИ! По возможности используйте обменники mail, yandex, google, dropbox, rghost Дабы избежать просьб перезалить и проблем с рекламой!
Модераторы: ZiX
  1. t0rik

    t0rik

    Регистр.:
    26 июн 2007
    Сообщения:
    174
    Симпатии:
    14
    Есть шаблон megastore. И вылезла такая штука:

    2498652736.png
    Как подправить чтобы поиск и корзина были на одной строчке?
     
  2. sandi

    sandi

    Регистр.:
    30 май 2008
    Сообщения:
    314
    Симпатии:
    166
    Регулируй ширину блока поиска (уменьши) и блок корзины станет в одну строку.
     
  3. MiltErick

    MiltErick Писатель

    Регистр.:
    8 авг 2013
    Сообщения:
    5
    Симпатии:
    2
    Просто напросто убавить ширину Поиска

    Пример:
    Уменьшить ширину поиска можно через стили
    ВАШ_МАГАЗИН\catalog\view\theme\default(или_название_вашего_шаблона)\stylesheet\stylesheet.css
    Необходимо найти селектор #body #search примерно между 240 и 300 строкой и поменять параметр width то есть сделать меньше
    Код:
    #header #search {
        position: absolute;
        top: 15px;
        right: 0px;
        width: 298px; /* Скорее всего, если тут убавить, будет достаточно */
        z-index: 15;
    }
    #header .button-search {
        position: absolute;
        left: 0px;
        background: url('../image/button-search.png') center center no-repeat;
        width: 28px;
        height: 24px;
        border-right: 1px solid #CCCCCC;
        cursor: pointer;
    }
    #header #search input {
        background: #FFF;
        padding: 1px 1px 1px 33px;
        width: 262px;
        height: 21px;
        border: 1px solid #CCCCCC;
        -webkit-border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px 3px 3px 3px;
        -khtml-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        -webkit-box-shadow: 0px 2px 0px #F0F0F0;
        -moz-box-shadow: 0px 2px 0px #F0F0F0;
        box-shadow: 0px 2px 0px #F0F0F0;
    }
    Примерно так =)