Настройка отображения логотипа и заголовка

@Romulez · Регистрация: 01.10.2015

есть шаблон govpress https://wordpress.org/themes/govpress/

загрузил логотип, а он выводится над заголовком и описанием... как сделать чтоб лого отображался слева, а перед ним справа был текст заголовка и описания?
"text-align: left" прописан, но это не помогает... что нужно еще дописать в код, чтоб отображалось так, как мне нужно?

кусок кода css отвечающий за header:

CSS

/* =Header
----------------------------------------------- */
.site-header {
  font-weight: 400;
  padding: 2em 0;
  text-align: left;
}
 
.site-title {
  font-size: 36px;
  font-size: 3.5rem;
}
 
.site-title a {
  text-decoration: none;
}

кусок html кода:

HTML5

<header id="masthead" class="site-header" role="banner">
        <div class="site-branding col-width">
                            <a href="http://сайт.ru/" rel="home">
                    <img src="http://сайт.ru/wp-content/uploads/logo.png" width="87" height="89" align="left" alt="">
                </a>
                        <h1 class="site-title"><a href="http://сайт.ru/" rel="home">Заголовок...</a></h1>
            <h2 class="site-description">Краткое описание</h2>
        </div>
    </header>

кусок header.php

PHP/HTML

<header id="masthead" class="site-header" role="banner">
        <div class="site-branding col-width">
            <?php if ( get_header_image() ) : ?>
                <a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
                    <img src="<?php header_image(); ?>" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" align="left" alt="">
                </a>
            <?php endif; // End header image check. ?>
            <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
            <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
        </div>
    </header>

@fol · 01.10.2015, 22:35

логотипу и следующему за ним заголовку задать display:inline-block (и width по желанию) или обоим задать float:left и после них поместить блок с со стилем clear:both

@Romulez · 01.10.2015, 23:02 **[ТС]**

логотипу и следующему за ним заголовку задать display:inline-block (и width по желанию) или обоим задать float:left и после них поместить блок с со стилем clear:both

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

@fol · 02.10.2015, 00:38

если есть понимание css, то:

CSS

1
2
3

.site-branding > a, .site-branding .site-title, .site-branding .site-description {
display:inline-block
}

вместо site-branding можно использовать header

@fol 510 / 484 / 161 Регистрация: 08.07.2013 Сообщений: 1,711 Записей в блоге: 1
	01.10.2015, 22:35	2
	логотипу и следующему за ним заголовку задать display:inline-block (и width по желанию) или обоим задать float:left и после них поместить блок с со стилем clear:both 0

@Romulez 0 / 0 / 0 Регистрация: 01.10.2015 Сообщений: 2
	01.10.2015, 23:02 [ТС]	3
	логотипу и следующему за ним заголовку задать display:inline-block (и width по желанию) или обоим задать float:left и после них поместить блок с со стилем clear:both не совсем понял куда и в каком порядке вставлять эти команды... будьте так добры, покажите пожалуйста это в виде кода... 0

Опции темы