Solved

Wordpress: LOGO + tagline

Posted on 2014-03-07
4
486 Views
Last Modified: 2014-03-29
I am using Wordpress to create the site at perridicedesigns.com

I am using a logo image option instead of the title and tagline option.

In the header I would like to display the Logo image (where it is) and then next to it I would like to put the site description in larger letters. It seems when I enable a logo image that the Text version of the site title and tagline are no longer available.

Can someone tell me how I can have a header where I keep the Logo image AND have the tagline (site description) next to it? I would like to keep this responsive so that when I narrow the browser window, the tagline drops below the image and the text size increases to make it more legible on small devices.

Thanks,

Mark
0
Comment
Question by:karnac2020
  • 2
  • 2
4 Comments
 
LVL 28

Expert Comment

by:chilternPC
ID: 39913208
what template are you using?
depends on the template
you may have to edit the header.php file for that template
0
 

Author Comment

by:karnac2020
ID: 39913263
I am using a template from Template Monster. I am prepared to create a child theme and edit the header.php. The theme admin does not have the option of adding both the Logo image and a tagline to the header directly.
0
 
LVL 28

Accepted Solution

by:
chilternPC earned 500 total points
ID: 39914322
you'll have to edit the header.php of that template and find the bit of code where it displays either an image or the words.
 
so in the twenty thirteen  theme it displays just the site name and strap line, no image and the header has the following code:

<h1 class="site-title"><?php bloginfo( 'name' ); ?></h1>
<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>

in this case you could add code to display an image.
but looking at other themes they construct the header completely different.  

In the Monster theme  they have used an image that contains the words. but you would have to be careful of the size.  in this case you could edit the responsive style sheets and change the image depending on the size of the screen.

if you wanted to do it properly as you say, create a child theme and copy the relevant files from your chosen theme into anotherfolder and the change them (more details here https://codex.wordpress.org/Child_Themes)
0
 

Author Closing Comment

by:karnac2020
ID: 39963918
good answer
0

Featured Post

Better Security Awareness With Threat Intelligence

See how one of the leading financial services organizations uses Recorded Future as part of a holistic threat intelligence program to promote security awareness and proactively and efficiently identify threats.

Join & Write a Comment

Accessibility and Usability are two concepts that seem to be closely related.  But, too many people seem to have a distorted perception of them. During last five years, those two words have come to the day-to-day work of almost every web develope…
So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
The purpose of this video is to demonstrate how to Import and export files in WordPress. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Click on Too…
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.

705 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now