Изменить положение логотипа в Joomla

Я использовал стандартный шаблон Joomla: Protostar. В диспетчере шаблонов я установил логотип, и он появляется слева вверху каждой страницы. Как сдвинуть логотип на 100 пикселей вправо?

Я запускаю joomla 3.2.1 на локальном хосте.


css joomla joomla-template joomla3.2
person Mostafiz Rahman    schedule 24.01.2014    source источник
comment
@CTravel Я не могу понять, какую часть файла CSS нужно изменить.   -  person Mostafiz Rahman    schedule 24.01.2014
comment
попробуйте выяснить это с помощью инструмента разработчика в своем браузере, вы можете выбрать элемент te, и он даст вам класс имени идентификатора и, возможно, строку файла css, который вам нужно изменить.   -  person C Travel    schedule 24.01.2014

Ответы (1)


arrow_upward
3
arrow_downward

Перейдите к следующему файлу:

root/templates/protostar/css/template.css

Найдите логотип и отредактируйте или добавьте следующее:

#logo {
    position: relative;
    left: 100px;
}

или в строке 6936 вы найдете блок .site-title { }, который можно заменить следующим:

.site-title {
    font-size: 40px;
    font-weight: bold;
    left: 100px;
    line-height: 48px;
    position: relative;
}

В будущем начните привыкать к консоли браузера и начинайте проверять элементы. Если вы используете Firefox, я бы рекомендовал использовать Firebug.

person Lodder    schedule 24.01.2014
comment
Единственное, что я хотел бы сказать, это то, что вы никогда не должны больше редактировать css напрямую, вы всегда должны редактировать меньше и перекомпилировать, что на этом этапе очень просто в менеджере шаблонов. - person Elin; 02.07.2014