Как центрировать логотип Описание в Protostar Joomla 3.4

Описание фразы под логотипом. Я хочу сосредоточиться на этом. На данный момент мне пришлось поставить строку под интервалом. Если я перейду к настройкам шаблона (Template manager -> Styles -> Protostar -> Advanced), центрирование его в Joomla admin не является вариантом.

Он выглядит следующим образом:

  

Мой логотип здесь
  Фраза

должно быть

  

Мой логотип здесь
  Фраза

, поэтому я пошел Я попытался пойти public_html/templates/protostar/index.php ... строка 141 и добавлено пространство ( ), но это не сработало:

<?php if ($this->params->get('&nbsp;&nbsp;sitedescription')) : ?>
<?php echo '<div class="site-description">' . htmlspecialchars($this->params->get('&nbsp;&nbsp;sitedescription')) . '</div>'; ?>
<?php endif; ?>
</a>


На самом деле я просто понял это ...
Поместите стиль с количеством px, которое вам нужно, чтобы ваше описание переместилось влево. Смотрите, где я добавил style="margin-left: 10px;"
<a class="brand pull-left" href="<?php echo $this->baseurl; ?>/">
  <?php echo $logo; ?>
  <?php if ($this->params->get('sitedescription')) : ?>
  <?php echo '<div class="site-description" style="margin-left: 10px;">' . htmlspecialchars($this->params->get('sitedescription')) . '</div>'; ?>
  <?php endif; ?>
</a>
1 голос | спросил kd9000 15 J0000006Europe/Moscow 2015, 05:50:39

3 ответа


4

Правильный способ сделать это - добавить следующий css в /templates/protostar/css/template.css (или, если вы перекомпилируете LESS then /templates/protostar/less/template.less):

.site-description {text-align: center;}
ответил Seth Warburton 15 J0000006Europe/Moscow 2015, 10:52:24
2

Я предлагаю вам использовать

.header-inner .site-title, .header-inner .site-description { text-align: center; }

Так как это позволит вам избежать обеих ситуаций:

  1. Название больше, чем описание
  2. Название меньше, чем описание
ответил Alexandr 17 PMpSun, 17 Apr 2016 16:45:49 +030045Sunday 2016, 16:45:49
0

В каком месте вы хотите отобразить описание с помощью этого шаблона css /protostar /css /template.css

.site-description 
{
    margin:0 22px !important ;
}
ответил Jextn 16 J0000006Europe/Moscow 2015, 10:14:43

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132