Logo with title and tagline


#1

Good Morning, I want to change the header.
Both the logo and the title should appear in the header. Where can I possibly change it?

Many Thanks in advance.


#2

Hello Deinhard,

To show site logo and title in the header, you can use rtp_hook_after_logo hook. Refer the following code,

function rtp_custom_title() { echo get_bloginfo( 'name' ); } add_action( 'rtp_hook_after_logo', 'rtp_custom_title', 9 );

Add this code in your functions.php file. After adding this code, you will need to do some CSS tweak for better UI. Also, you can add your custom markup in above function code.

Let me know if its work for you.

Thanks,


#3

Many thanks for your quick reply. It works! Hopefully you can give me an additional hint: How can I change the CSS. I think, I can add somme additional CSS custom style in the rtp panel, but how to define/ address the hook "rtp_custom_title".

Once again - many thnks :-)


#4

There are two way to add CSS in rtPanel,

  1. From WordPress back-end theme options, /wp-admin/themes.php?page=rtp_general#custom_styles_options.
  2. By editing style.css file in theme root directory.

Here is the updated php code, I've added "rtp-custom-title" class to the title,

function rtp_custom_title() { echo '

' . get_bloginfo( 'name' ) . '

'; } add_action( 'rtp_hook_after_logo', 'rtp_custom_title', 9 );

Now, your CSS will be like,

.rtp-custom-title { font-size: 20px; }

Add above style in either WordPress backend option or in the bottom of style.css.

This style will apply to your custom title only.


#5

Many thanks Manish - not it works really good. Have a nice day Deinhard


#6

Glad to know that its work for you :-)

Thanks for using rtPanel theme framework.


#7

Hi, you can add a graphic or logo to the left side or anywhere in the header using the header image option under the appearance tab.

And then find the code for that inside your header.php file, which
will be this:

<?php $header_image = get_header_image(); if ( ! empty( $header_image ) ) : ?>
		<a>"><img />" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" /></a>  
	<?php endif; ?>  

and place it besides the hgroup tag at the top and then set it with css.


#8