Как убрать размытый фон в теме Emporio

убрать размытый фон emporio
На каждой странице поста блога Blogger с темой Emporio есть размытый фон. Эта подложка разная на каждой странице и образуется из первого изображения публикации.
Он является своеобразной визитной карточкой этой темы, но не всегда такой фон устраивает блогера.
Вот как это выглядит:

убрать подложку из сообщений emporio
Из этой статьи вы узнаете, как убрать такой фон. Дополнительным положительным эффектом будет то, что одновременно подтянется вверх сайдбар и встанет вровень с основным контентом сообщения. Результат:
поднять сайдбар  emporio
Удалить размытое изображение из темы Emporio можно двумя свособами. Первый способ предполагает удаление участка кода, отвественного за вывод фона, а второй способ – это скрытие размытого изображения посредством добавления кода CSS.
1 способ.
В резделе “Тема” админ панели Blogger выполните поиск по коду шаблона (Ctrl + F), ищите отрезок кода data:widgets.Blog.first.posts.first.featuredImage
Именно по этой части кода мы найдем целый блок кода, который нам нужно удалить:

<b:if cond='data:view.isSingleItem'>
            <b:if cond='data:widgets.Blog.first.posts.first.featuredImage'>
              <b:include data='{                                  image: data:widgets.Blog.first.posts.first.featuredImage,                                  selector: &quot;.bg-photo&quot;                                }' name='responsiveImageStyle'/>
              <div class='bg-photo-container'>
                <div class='bg-photo'/>
              </div></b:if></b:if>

отрезок кода темы emporio
Сохраните изменения.
2 способ.
В редакторе кода темы блога найдите отрезок кода ]]> </b:skin>
Вставьте перед ним следующий CSS-код:

<style type='text/css'>
.bg-photo {display:none !important;}
</style>

Сохраните изменения.
Из двух этих способов мне больше нравится первый, так как мы удаляем ненужный нам код, а чем меньше лишенего кода, тем выше скорость загрузки веб-страницы.

Один ответ к «Как убрать размытый фон в теме Emporio»

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *