• Resolved giova_kde

    (@giova_kde)


    In my site, still under maintenance (https://www.studisemeriani.it/), I would get the footer bar of the theme (above) and a photo of me with the title of the site (below) but I can not. Or put the footer bar and a picture of long any page or insert the photo with the title but not the bar appears footer. There is the possibility of having both options?

Viewing 15 replies - 16 through 30 (of 38 total)
  • Thread Starter giova_kde

    (@giova_kde)

    No. You can see now.

    Theme Author nobita

    (@nobita)

    Your template settings is wrong.

    ?> or <?php

    then shows header image comments.

    */
    		//echo raindrops_site_description( );
    ?>
    			</div>
    <?php
    /**
     * header image
     *
     * if no link home_url( ) then use 'elements'
     * if need link home_url( ) then use 'home_url'
     *
     * var 1.116 default setting change from home_url to elements
     * FAE accessibility rule Ensure that links that point to the same HREF use the same link text.
     *
    Thread Starter giova_kde

    (@giova_kde)

    What should I do?

    Theme Author nobita

    (@nobita)

    https://gist.github.com/tenman/6447226

    above code paste your header.php

    Thread Starter giova_kde

    (@giova_kde)

    Tis is code:

    <!DOCTYPE html>
    
    <html <?php language_attributes( ); ?>>
    
    	<head>
    
    		<meta http-equiv="content-type" content="<?php bloginfo( 'html_type' );?>; charset=<?php bloginfo( 'charset' ); ?>" />
    
    		<title><?php wp_title( '|', true, 'right' ); ?></title>
    
    		<!--[if IE]>
    
    		<script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    
    		<![endif]--> 
    
    <?php
    
    		global $raindrops_link_unique_text;
    
    		wp_head( );
    
    ?>
    
    	</head>
    
    <body <?php body_class( ); ?>>
    
    	<div id="<?php echo esc_attr( raindrops_warehouse( 'raindrops_page_width' ) ); ?>" class="<?php echo esc_attr( 'yui-'.raindrops_warehouse( 'raindrops_col_width' ) ); ?> hfeed">
    
    <?php
    
    		raindrops_prepend_doc( );
    
    ?>
    
    		<header id="top">
    
    			<div id="hd" <?php raindrops_doctype_elements( '','role="banner"' );?>>
    
    				<div class="skip-link screen-reader-text">
    
    				<a href="#container" title="<?php esc_attr_e( 'Skip to content', 'Raindrops' );?>"><?php esc_html_e( 'Skip to content', 'Raindrops' ); ?></a>
    
    				</div>
    
    <?php
    
    /**
    
     * Conditional Switch html headding element
    
     *
    
     * example
    
     *  raindrops_site_title( " add some text" );
    
     *
    
     */
    
    //echo raindrops_site_title( );
    
    /**
    
     * Site description diaplay 
    
     *
    
     *
    
     *
    
     */
    ?> or <?php
    //echo raindrops_site_description( );
    
    ?>
    
    			</div>
    
    /**
    
     * header image
    
     *
    
     * if no link home_url( ) then use 'elements'
    
     * if need link home_url( ) then use 'home_url'
    
     *
    
     * var 1.116 default setting change from home_url to elements
    
     * FAE accessibility rule Ensure that links that point to the same HREF use the same link text.
    
     *
    
     *
    
     * Tips
    
     * Header Image and Site description
    
     * Fixed width page can change a header image from this template ( without fluid layout )
    
     *
    
     	echo raindrops_header_image( 'default', 
    
    									array('height'=> '200px',
    
    									'img' => 'https://tenman.info/images/pen.jpg',
    
    									//'img' => 'https://example.com/images/example.jpg',
    
    									'text_attr' => 'style="color:red;"' ,
    
    									'text'=> 'change text' ) 
    
    							);
    
     * Page width fluid can below
    
     *
    
      	echo raindrops_header_image( 'default', 
    
    									array( 'text_attr' => 'class="hello"' ,
    
    									'text'=> 'change text' ) 
    
    							);
    
     *
    
     */
    Theme Author nobita

    (@nobita)

    https://gist.github.com/tenman/6447226

    above code paste your header.php

    Thread Starter giova_kde

    (@giova_kde)

    I did it.

    Thread Starter giova_kde

    (@giova_kde)

    the title is on the photo, instead of being above. the top bar does not appear. Thank you.

    Theme Author nobita

    (@nobita)

    Not enough

    You should do below process

    raindrops options

    Header background image: edit value change from https://www.studisemeriani.it/portal/wp-content/uploads/2013/09/raindrops-item-header-style-norepeat-top-5-left-700-x-height-200-semeria_copertina.jpg to header.png

    Next Dashboard Appearance / header

    Upload: your photo.

    Push button ‘Skip Cropping,Publish Image as Is’

    Header Text: check off

    Save Changes

    style.css add to below style rules last line.

    #top .first #site-title{
    	margin-left:1em;
    }

    Thread Starter giova_kde

    (@giova_kde)

    Bar – ok
    style.css – ok

    If I upload image in “image upload” image is ok but bar disappears;
    If I upload image in “header background image” image is ok bur disappears;

    Theme Author nobita

    (@nobita)

    If I upload image in “image upload” image is ok but bar disappears;
    If I upload image in “header background image” image is ok bur disappears;

    If your WordPress header image uploader broken when try this.

    header.php

    <?php
    		if ( $raindrops_link_unique_text == true ) {
    
    			echo raindrops_header_image( 'elements' );
    		}else{
    
    			echo raindrops_header_image( 'home_url' );
    		}
    
    ?>

    Change below

    <?php
    		if ( $raindrops_link_unique_text == true ) {
    
    			echo raindrops_header_image( 'elements' );
    		}else{
    
    			echo raindrops_header_image( 'home_url' );
    		}
    
    ?>
    <img src="your image url" alt="description" style="max-width:100%;" />

    Thank you.

    Thread Starter giova_kde

    (@giova_kde)

    [Resolved] Now it’s perfect. Thanks!

    Thread Starter giova_kde

    (@giova_kde)

    Last finishing: how do I put a space of 5px above and below the picture?

    Thread Starter giova_kde

    (@giova_kde)

    Above works. Below is wider.

    Theme Author nobita

    (@nobita)

    <div style="margin:5px 0;">
    <img src="your image url" alt="description" style="max-width:100%;" />
    </div>
Viewing 15 replies - 16 through 30 (of 38 total)
  • The topic ‘Header Image Size ed position’ is closed to new replies.