Home>Support>Problem with header images

Problem with header images

I have tried uploading header images for my site, but whenever I upload an image that does not exactly fit the required measurements, the crop feature fails.

The crop screen is shown, but I cannot select parts of the image. All I can do is abort the operation.

Is there a solution to this problem?

A second question: I’m really not that great with HTML, so how can I get my title and tag to appear in front of the header graphic? At the moment it’s behind the image.

It’s a great theme, though! I was happy to pay for it and I will continue using (and recommending) it to others.

Thanks in advance fot the help!

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 6 years, 11 months ago Braam Genis Hi, I Work Here

    Hi justme

    There appears to be a bug when using the image cropper with Origami, so for now, unfortunately, the image will need to be cropped elsewhere and then you should be able to bypass the issue by clicking on Skip Cropping.

    We’ll try to get this fixed as soon as possible.

    As for your second request it’s difficult to know exactly what you’re trying to accomplish without a link to your site but creating a child theme should get you what you want in general.

    You can add the following to your origami-child/parts/logo.php file :

    <div id="logo" <?php if( siteorigin_setting( 'display_logo_centered' ) ) echo 'class="logo-centered"' ?>>
    	<a href="<?php echo esc_url( home_url( '/' ) ) ?>" title="<?php echo esc_attr( get_bloginfo( 'description' ) ) ?>" class="logo-link">
    		<?php if( get_header_image() ) : ?>
    			<div class="so-origami-title-over-image">
    				<h1 class="logo"><?php bloginfo('name') ?></h1><br/>
    				<h3 class="logo"><?php bloginfo('description') ?></h3>
    			</div>
    		<?php origami_header_image(); ?>
    		<?php else : ?>
    			<h1 class="logo"><?php bloginfo('name') ?></h1><br/>
    			<h3 class="logo"><?php bloginfo('description') ?></h3>
    		<?php endif; ?>
    	</a>
    	<?php if( siteorigin_setting('display_header_search') ) get_search_form(); ?>
    </div>
    
    <?php do_action('origami_after_logo') ?>
    

    And then this should be in your origami-child/style.css file :

    /*
     Theme Name:   Origami Child
     Author:       SiteOrgin
     Template:     origami
     Version:      1.0
    */
    
    @import url("../origami/style.css");
    
    .so-origami-title-over-image {
        position: absolute;
        width: 100%;
    }
    

    And finally, don’t forget to enqueue stylesheets in your origami-child/functions.php file:

    <?php
    
    /**
     * Enqueue the parent theme stylesheet.
     */
    
    add_action( 'wp_enqueue_scripts', 'origami_parent_style' );
    function origami_parent_style() {
    	wp_enqueue_style( 'parent-theme', get_template_directory_uri() . '/style.css' );
    }
    
    /**
     * Enqueue the child theme stylesheet.
     */
    
    add_action( 'wp_enqueue_scripts', 'origami_child_style', 20 );
    function origami_child_style() {
    	wp_enqueue_style( 'child-theme', get_stylesheet_uri() );
    }
    
  2. 5 years, 4 months ago Erwin Odendaal

    Hi,

    This problem has not been fixed yet?

    Kind regards,
    Erwin Odendaal

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More