Логотипы и слоган после сброса настроек

В последней версии темы появились несколько блоков упрощающих жизнь после обновления темы и сброса настроек:

• flatty.logo_top – блок с графическим логотипом в шапке сайта
• flatty.logo_bot – блок с графическим логотипом в подвале сайта
  
• flatty.text_logo – блок с текстовым логотипом
  
• flatty.slogan – блок со слоганом
  

Вы можете добавить данные блоки себе в приложении сайт. И вам не нужно будет каждый раз после обновления и сброса настроек темы, снова менять логотип и слоган.

Чтобы добавить новый блок вам нужно открыть приложение сайт - блоки - нажать на плюсик – дать блоку имя – записать в большое поле содержание блока.

Для блоков flatty.logo_top и flatty.logo_bot содержание следующее:

<img src="ссылка на изображение" alt="{$wa->accountName()}" width="ширина изображения в px (px не писать)" style="max-width: 100%;" />

Для flatty.text_logo и flatty.slogan содержание – обычный текст.

Но мало создать блоки. Их нужно ещё стилизовать!
Чтобы стилизовать текстовые логотипы и слоган добавьте следующий код в блок flatty.user_style:

/* Цвет текстового лого в шапке */
a.themeLogo, a.themeLogo:hover {
  color: #EFEFEF;
}
.themeLogo .slogan {
  color: #516370; /* Цвет слогана */
  text-transform: none; /* оставьте эту строку, чтобы слоган был обычным */
  text-transform: uppercase; /* оставьте эту строку, чтобы слоган был оформлен заглавными буквами */
}
/* Размер текстового лого в шапке */
.themeLogo { 
    font-size: 25px;
    line-height: 25px; 
}
/* Размер слогана */
.themeLogo .slogan {
    font-size: 13px;    
    line-height: 13px;
}
/* Размер текстового лого в подвале */
.themeLogo.botLogo { 
    font-size: 18px; 
    line-height: 18px; 
}
@media only screen and (max-width : 1024px){
/* Размер текстового лого в шапке на экранах уже 1024px */
    .themeLogo { 
        font-size: 22px;
        line-height: 22px; 
    }
/* Размер текстового лого в подвале на экранах уже 1024px */
    .themeLogo.botLogo { 
        font-size: 18px; 
        line-height: 18px; 
    }
/* Размер слогана на экранах уже 1024px */
    .themeLogo .slogan {
        font-size: 11px;    
        line-height: 11px;
    }
}
@media only screen and (max-width : 768px){
/* Размер текстового лого в шапке на экранах уже 768px */
    .themeLogo { 
        font-size: 24px;
        line-height: 24px; 
    }
/* Размер текстового лого в подвале на экранах уже 768px */
    .themeLogo.botLogo { 
        font-size: 16px; 
        line-height: 16px; 
    }
/* Размер слогана на экранах уже 768px */
    .themeLogo .slogan {
        font-size: 9px;    
        line-height: 9px;
    }
}
@media only screen and (max-width : 640px){
/* Размер текстового лого в шапке на экранах уже 640px */
    .themeLogo { 
        font-size: 27px;
        line-height: 27px; 
    }
/* Размер текстового лого в подвале на экранах уже 640px */
    .themeLogo.botLogo { 
        font-size: 28px; 
        line-height: 28px; 
    }
/* Размер слогана на экранах уже 640px */
    .themeLogo .slogan {
        font-size: 13px;    
        line-height: 13px;
    }
}

К сожалению, тень текстового логотипа прописывается в скрипте, поэтому её придётся задавать в настройках темы каждый раз.