Header Image issue

Viewing 12 replies - 1 through 12 (of 12 total)
  • Theme Author Dinev Dmitry

    (@dimadinev)

    Hi,

    The optimal size of the image header width = 1860 px, height = 750 px.

    Positioning background (Home Tagline) 50/50 percent. It getting to the important part of the image background was just in the center ??

    Theme Author Dinev Dmitry

    (@dimadinev)

    One more thing: the background image in the Home Tagline will be reduced on small screens (phone, for example). In the style sheet set 100% background image for Home Tagline (header image).

    Thread Starter nigelamyes

    (@nigelamyes)

    I’m not sure I understand… the header image is 1860px by 750px and the background image for home tagline is set to 100% my image still doesn;t seem to fit properly. It looks great in the dashboard live preview but is different on the actual webpage. Is there anything else you suggest?

    I have a similar issue. I would like to change a header to a free theme I downloaded from internet to use with wordpress but I don’t understand what is the procedure to change the header picture.

    I would like to know if there is a guide around here and you could please suggest where to read about it.

    Thanks

    Theme Author Dinev Dmitry

    (@dimadinev)

    to nigelamyes
    Maybe I don’t understand the problem ??

    Show a screenshot of what you want to achieve. Can send mail to [email protected]

    Theme Author Dinev Dmitry

    (@dimadinev)

    to fox3long
    Go to Appearance > Header

    Theme Author Dinev Dmitry

    (@dimadinev)

    to nigelamyes
    There is such a solution: to select a page as Home. For the selected page will upload the featured image and the template, select Full Width.

    Theme Author Dinev Dmitry

    (@dimadinev)

    On the question of the Header image, which is the background section of Home Tagline:

    To change header image go to Appearance > Header. After upload you can change the image in Customizer –
    go to Appearance > Customize: Header Image

    When you preview the page Appearance > Header picture may not appear in full. The best preview in Customizer.

    Home Tagline is intended for the title text on the background (only color or image).

    The height of the section of Home Tagline can be changed in line 172 style.css (find .tagline-txt)

    In the next update I will think how you can improve.

    I just installed Rectangulum and really love it! I am unable to see my header (which I uploaded through the Customize panel). Is there some code that’s preventing it from appearing? I have spent hours trying to figure it out.

    Here’s the link: https://www.redblazemedia.com/

    The site is in maintenance mode. Do you need other info? Here is the headed.php code (to which I have added only a Google fonts reference):

    <?php
/**
 * @package Rectangulum
 */
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>

<link href='https://fonts.googleapis.com/css?family=Oswald:400,300,700|Open+Sans:400italic,700italic,400,700' rel='stylesheet' type='text/css'>

<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title><?php wp_title( '|', true, 'right' ); ?></title>
<link rel="profile" href="https://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">

<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>
<div id="page" class="hfeed site">
	<?php do_action( 'before' ); ?>

<header id="masthead" class="site-header clearfix" role="banner">

		<div class="site-branding">

<?php $logo = get_theme_mod( 'logo_upload' );
	if ( !empty($logo) ) : ?>

<?php if ( !is_front_page() ) : ?>
	<a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
	<img src="<?php echo get_theme_mod( 'logo_upload' ); ?>" alt="<?php bloginfo( 'name' ); ?>" class="logo alignleft" />
	</a>
<?php else : ?>
	<img src="<?php echo get_theme_mod( 'logo_upload' ); ?>" alt="<?php bloginfo( 'name' ); ?>" class="logo alignleft" />
<?php endif; //!is_front_page() ?>

	<?php endif; //!empty ?>

<div id="header-title">
	<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
                <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>

</div><!--header-title-->

		</div><!--.site-branding-->

		<div class="site-menu">
	<nav id="site-navigation" class="navigation-main" role="navigation">
		<?php wp_nav_menu( array( 'theme_location' => 'primary', 'depth' => 4 ) ); ?>
		<a href="#" class="toggle-top"></a><!--<i class="fa fa-search"></i>-->
	</nav><!-- #site-navigation -->
		</div><!--site-menu-->

</header><!-- #masthead -->

<div class="top-wrapper clearfix">
	<div class="top-left">
		<aside class="widget_search">
		<?php get_search_form(); ?>
		</aside>
	</div>
	<div class="top-right">
	<?php if ( has_nav_menu( 'top' ) ) {
wp_nav_menu( array( 'theme_location' => 'top', 'depth' => 1 ) );
} ?>

<?php if ( has_nav_menu( 'social' ) ) {
wp_nav_menu(
	array(
	'theme_location'  => 'social',
	'menu_id'         => 'menu-social',
	'depth'           => 1,
	'link_before'     => '<span class="screen-reader-text">',
	'link_after'      => '</span>',
	'fallback_cb'     => '',
	)
);
} ?>
	</div>
</div><!--.top-wrapper-->

	<div id="main" class="site-main clearfix">

    I just installed Rectangulum and really love it! I am unable to see my header (which I uploaded through the Customize panel). Is there some code that’s preventing it from appearing? I have spent hours trying to figure it out.

    Here’s the link: https://www.redblazemedia.com/

    The site is in maintenance mode. Do you need other info? Here is the headed.php code (to which I have added only a Google fonts reference):

    <?php
/**
 * @package Rectangulum
 */
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>

<link href='https://fonts.googleapis.com/css?family=Oswald:400,300,700|Open+Sans:400italic,700italic,400,700' rel='stylesheet' type='text/css'>

<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title><?php wp_title( '|', true, 'right' ); ?></title>
<link rel="profile" href="https://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">

<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>
<div id="page" class="hfeed site">
	<?php do_action( 'before' ); ?>

<header id="masthead" class="site-header clearfix" role="banner">

		<div class="site-branding">

<?php $logo = get_theme_mod( 'logo_upload' );
	if ( !empty($logo) ) : ?>

<?php if ( !is_front_page() ) : ?>
	<a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
	<img src="<?php echo get_theme_mod( 'logo_upload' ); ?>" alt="<?php bloginfo( 'name' ); ?>" class="logo alignleft" />
	</a>
<?php else : ?>
	<img src="<?php echo get_theme_mod( 'logo_upload' ); ?>" alt="<?php bloginfo( 'name' ); ?>" class="logo alignleft" />
<?php endif; //!is_front_page() ?>

	<?php endif; //!empty ?>

<div id="header-title">
	<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
                <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>

</div><!--header-title-->

		</div><!--.site-branding-->

		<div class="site-menu">
	<nav id="site-navigation" class="navigation-main" role="navigation">
		<?php wp_nav_menu( array( 'theme_location' => 'primary', 'depth' => 4 ) ); ?>
		<a href="#" class="toggle-top"></a><!--<i class="fa fa-search"></i>-->
	</nav><!-- #site-navigation -->
		</div><!--site-menu-->

</header><!-- #masthead -->

<div class="top-wrapper clearfix">
	<div class="top-left">
		<aside class="widget_search">
		<?php get_search_form(); ?>
		</aside>
	</div>
	<div class="top-right">
	<?php if ( has_nav_menu( 'top' ) ) {
wp_nav_menu( array( 'theme_location' => 'top', 'depth' => 1 ) );
} ?>

<?php if ( has_nav_menu( 'social' ) ) {
wp_nav_menu(
	array(
	'theme_location'  => 'social',
	'menu_id'         => 'menu-social',
	'depth'           => 1,
	'link_before'     => '<span class="screen-reader-text">',
	'link_after'      => '</span>',
	'fallback_cb'     => '',
	)
);
} ?>
	</div>
</div><!--.top-wrapper-->

	<div id="main" class="site-main clearfix">

    Theme Author Dinev Dmitry

    (@dimadinev)

    to lizannehart:
    Your website does not work. Make sure that the link led to a work site with our theme and then see if they have any questions.

    Theme Author Dinev Dmitry

    (@dimadinev)

    to lizannehart:
    And reading readme.txt including theme folder AND see Rectangulum Theme Documentation.

    Setting Rectangulum takes no more than 5 minutes. And everything works and is compatible with the new version of WordPress 4.0

    ??

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Header Image issue’ is closed to new replies.