
Замена логотипа через виджет текстом с помощью svg

Реализован с помощью background-image: url(../images/logo.svg);
@Karbofos, В шаблоне default логотип в формате svg и кликабельный.
Реализован с помощью background-image: url(../images/logo.svg);
У меня просто получилась такая структура шапки, что логотип стандартным способом не отображается, его можно вывести только через виджет.
Вот я и подумал, сделать просто текст взамен изображения.

Проще просто прописать тот текст который вам нужен в шаблоне и немного подкорректировать стили
открываем theme-layout.css
display: block;
float: left;
width: 170px;
background-size: contain;
height: 50px;
background-image: url(../images/logo.svg);
background-repeat: no-repeat;
background-position: left center;
}
display: block;
float: left;
width: 170px;
background-size: contain;
cursor: pointer;
height: 50px;
color: #fff;
font-size: 27px;
font-weight: 700;
}
#layout header #logo span{
color: #F3AC51;
}
<?php if($core->uri) { ?>
<a href="<?php echo href_to_home(); ?>"></a>
<?php } else { ?>
<span></span>
<?php } ?>
</div>
<?php if($core->uri) { ?>
<a href="<?php echo href_to_home(); ?>">Instant<span>CMS</span></a>
<?php } else { ?>
Instant<span>CMS</span>
<?php } ?>
</div>
А вы по-другому задачу поставить можете, мне как существу из параллельной вам вселенной не очень понятно, что же вы хотите.Замена логотипа через виджет текстом с помощью svg
Зачем столько сложностей?
Проще просто прописать тот текст который вам нужен в шаблоне и немного подкорректировать стили
открываем theme-layout.css
#layout header #logo a, #layout header #logo > span{
display: block;
float: left;
width: 170px;
background-size: contain;
height: 50px;
background-image: url(../images/logo.svg);
background-repeat: no-repeat;
background-position: left center;
}открываем main.tpl.php#layout header #logo {
display: block;
float: left;
width: 170px;
background-size: contain;
cursor: pointer;
height: 50px;
color: #fff;
font-size: 27px;
font-weight: 700;
}
#layout header #logo span{
color: #F3AC51;
}
Только через виджет логотип отображается, не знаю почему так, что-то видимо блокирует, не стал выкаблучиваться, просто гиперссылкой вставил в виджете.
А вы по-другому задачу поставить можете, мне как существу из параллельной вам вселенной не очень понятно, что же вы хотите.Замена логотипа через виджет текстом с помощью svg
Если честно, я сам не понял зачем всё это


