Reply To: text header

[Robert Kavgić]

Helo,

You need to modify php file in order to display the text next to logo.

Go to wp-content/themes/elvyre/header.php and find the following code starting at about 143 line:

<!-- logo start -->
<section id="logo">
    <a href="<?php echo home_url(); ?>">
    <?php
        $logo_width = '';
        if ($is_retina && !empty($pi_theme_options['retina_logo']['url'])) {
            $logo = $pi_theme_options['retina_logo']['url'];
            $logo_width = $pi_theme_options['logo']['width'];
        } else if (!empty($pi_theme_options['logo']['url'])) {
            $logo = $pi_theme_options['logo']['url'];
            $logo_width = $pi_theme_options['logo']['width'];
        } else {
            $logo = TEMPLATEURL . "/img/logo.png";
            $logo_width = "138";
        }
    ?>
    <img src='<?php echo $logo ?>' alt='<?php bloginfo('name'); ?>' width="<?php echo $logo_width ?>"/>
    </a>
</section><!-- #logo end -->

Add the code <h2><?php bloginfo('description'); ?></h2> after the closing so the code looks like:

<!-- logo start -->
<section id="logo">
    <a href="<?php echo home_url(); ?>">
        <?php
            $logo_width = '';
            if ($is_retina && !empty($pi_theme_options['retina_logo']['url'])) {
                $logo = $pi_theme_options['retina_logo']['url'];
                $logo_width = $pi_theme_options['logo']['width'];
            } else if (!empty($pi_theme_options['logo']['url'])) {
                $logo = $pi_theme_options['logo']['url'];
                $logo_width = $pi_theme_options['logo']['width'];
            } else {
                $logo = TEMPLATEURL . "/img/logo.png";
                $logo_width = "138";
            }
        ?>
        <img src='<?php echo $logo ?>' alt='<?php bloginfo('name'); ?>'/>
    </a>
    <h2><?php bloginfo('description'); ?></h2>
</section><!-- #logo end -->

Now go to your WordPress admin page and go to “Settings -> General” and enter the desired text into the field “Slogan”.

You can style the displayed text by adding the css code to the Custom CSS box, e.g.:

#logo img{
    float: left;
    padding-right: 40px;
}

#logo h2{
    font: italic 15px 'Open Sans', Arial, sans-serif;
    color: #222;
    margin: 0;
	padding-top: 15px;
    font-weight: 400;
}

Robert