Private: Home › Forums › WordPress Themes › Elvyre – Retina Ready WordPress Theme › text header › Reply To: text header
October 16, 2014 at 12:17 am
#767
Participant
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