Putting a logo in Sela theme

  • Helo,

    I’m looking to add a logo to the header section. Somehow this theme (Sela) does not have the logo option:

    https://parkcitypetboarding.com.my/wp-content/uploads/2017/08/eg1.jpg

    Previously, I had installed Jetpack just for the logo option, but it adds a lot of load time to the website, I’d rather do without it..

    This is from the header.php file from the parent theme. Do i need to provide other code?

    <?php
/**
 * The Header for our theme.
 *
 * Displays all of the <head> section and everything up till <main id="main">
 *
 * @package Sela
 */
?>
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="https://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
<? php wp_enqueue_script(“jquery”); ?>
<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>
<div id="page" class="hfeed site">
	<header id="masthead" class="site-header" role="banner">
		<a class="skip-link screen-reader-text" href="#content" title="<?php esc_attr_e( 'Skip to content', 'sela' ); ?>"><?php _e( 'Skip to content', 'sela' ); ?></a>

		<div class="site-branding">
			<?php sela_the_site_logo(); ?>
			<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
			<?php
			$description = get_bloginfo( 'description', 'display' );
			if ( $description || is_customize_preview() ) : ?>
				<h2 class="site-description"><?php echo $description; /* WPCS: xss ok. */ ?></h2>
			<?php
			endif; ?>
		</div><!-- .site-branding -->

		<nav id="site-navigation" class="main-navigation" role="navigation">
			<button class="menu-toggle" aria-controls="menu" aria-expanded="false"><?php _e( 'Menu', 'sela' ); ?></button>
			<?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
		</nav><!-- #site-navigation -->
	</header><!-- #masthead -->

	<div id="content" class="site-content">

    Thank u for helping.

    – Richie

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi richie38,

    The Sela theme have already option to add image on header. In the screenshot that you have attached “https://parkcitypetboarding.com.my/wp-content/uploads/2017/08/eg1.jpg&#8221;, you are under the Appearance -> Customize -> Site Identiy. This is the place to add the favicon on the site which is used to shown on the title bar on browser. To add a image on header go to the option “Header Image” under the same option i.e. Appearance -> Customize -> Header Image and add your image.

    Hope your issue will be resolved. If so please reply and tick the checkbox “Reply and mark as resolved” at the bottom of the post.

    Thread Starter richie38

    (@richie38)

    Helo Dinesh,

    Tq for your assistance ?? Actually I’m looking to add a logo, which is the image in front of the Header Image. It used to be like this with Jetpack:

    https://parkcitypetboarding.com.my/wp-content/uploads/2017/08/eg2-1.jpg

    Many thanks,
    Richie

    Hi richie38,

    Have you tried checking the “Display Site Title and Tagline”? on the “customizing site identity page”. Your problem seems similar to this try doing that and let us know. If problem was solved please reply and tick the checkbox “Reply and mark as resolved” at the bottom of the post, thanks.

    Thread Starter richie38

    (@richie38)

    Hi dayvee,

    I’ve tried checking “Display Site Title and Tagline”, and it adds the text over the header. Instead, I want to add an image (logo) over the Header Image.

    The Logo option is available with Jetpack, but the plugin is bulky and adds soooo much load time to the website.

    Many thanks,
    Richie

    Thread Starter richie38

    (@richie38)

    does anyone know how to fix the problem?

    I’m also looking for a solution to this if anyone can help?!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Putting a logo in Sela theme’ is closed to new replies.