How to display both logo-image , blog name, and description
-
Hello!
I have installed the theme today, and I think I am going to like it! :o)
In the original version, it seems like you can either display a logo image in the upper left corner, or have the blog’s title and description text displayed.I wanted to have all three displayed. This was my solution:
Go to Theme –> Design –> Editor –> header.php
replace
<?php if(get_theme_mod('shaped_blog_logo')): ?> <div class="logo"> <a href="<?php echo esc_url(home_url()); ?>"><img src="<?php echo esc_url(get_theme_mod('shaped_blog_logo')); ?>"></a> </div>
with
<?php if(get_theme_mod('shaped_blog_logo')): ?> <div class="logo"> <a href="<?php echo esc_url(home_url()); ?>"><img src="<?php echo esc_url(get_theme_mod('shaped_blog_logo')); ?>"></a> </div> <div class="text-logo"> <a href="<?php echo esc_url(home_url()); ?>"><?php bloginfo('name' ); ?></a> <p><?php bloginfo('description' ); ?></p> </div>
If you now upload your logo.png (or .jpeg or whatever) in the “General Settings” of the Theme, the blog’s title and description will be displayed as well. The font size may be adapted in the styles.css ( “.text-logo a” and ” .text-logo p”.
The only thing that would work even better for me was if the title and description were to be displayed right of the image-logo, if the screen is big enough. For small screens title and discription could be displayed right under the image.
With the code suggested here, title and description are always under the logo image.
- The topic ‘How to display both logo-image , blog name, and description’ is closed to new replies.