WordPress.org

Ready to get started?Download WordPress

Forums

Create New BAckground (2 posts)

  1. jgo0326
    Member
    Posted 1 year ago #

    I am using thematic wordpress as a frame and i have a custom design..

    url: myspice.co.uk

    the page i need a new bg for is http://www.myspice.co.uk/indian-cooking-recipes

    the bg needs to be this: http://myspice.co.uk/wp-content/themes/myspice-new/library/image/bg-reciepe.png

    the body bg is the clouds and the blue bg

    i have copied page.php and pasted it then renamed it to recipe.php which is as follows:

    [ Moderator Note: Please post code or markup snippets between backticks or use the code button. ]

    <?php
    /*
    Template Name: Recipe (P1)
    */
    ?>
    
    <body <?php body_class(); >>
    
    <?php
    
        // calling the header.php
        get_header();
    
        // action hook for placing content above #container
        thematic_abovecontainer();
    
    ?>
    
    		<div id="container">
    
    			<?php thematic_abovecontent(); ?>
    
    			<div id="content">
    
    	            <?php
    
    	            // calling the widget area 'page-top'
    	            get_sidebar('page-top');
    
    	            the_post();
    
    	            thematic_abovepost();
    
    	            ?>
    
    				<div id="post-<?php the_ID();
    					echo '" ';
    					if (!(THEMATIC_COMPATIBLE_POST_CLASS)) {
    						post_class();
    						echo '>';
    					} else {
    						echo 'class="recipe';
    						thematic_post_class();
    						echo '">';
    					}
    
    	                // creating the post header
    	                thematic_postheader();
    
    	                ?>
    
    					<div class="entry-content">
    
    	                    <?php
    
    	                    the_content();
    
    	                    wp_link_pages("\t\t\t\t\t<div class='page-link'>".__('Pages: ', 'thematic'), "</div>\n", 'number');
    
    	                    edit_post_link(__('Edit', 'thematic'),'<span class="edit-link">','</span>') ?>
    
    					</div><!-- .entry-content -->
    				</div><!-- #post -->
    
    	        <?php
    
    	        thematic_belowpost();
    
    	        ?>
    
    			</div><!-- #content -->
    
    			<?php thematic_belowcontent(); ?> 
    
    		</div><!-- #container -->
    
    <?php 
    
        // action hook for placing content below #container
        thematic_belowcontainer();
    
        // calling the standard sidebar
        thematic_sidebar();
    
        // calling footer.php
        get_footer();
    
    ?>

    in my CSS i have this:

    .recipe {
    background: url(../image/bg-reciepe.png) top center no-repeat;
    padding-top:30px
    }

    i know ive spelt 'recipe' wrong, but i can fix this once this is sorted....

    can anyone point me in the right direction as this has been bugging me for days

    thanks in advance :)

    Jamie

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    The page you linked to actually has separate images for several sections of the page -- via the CSS is 4 or more sections. Changing it is quite complex and way beyond these forums. Perhaps a CSS forum could help you with it or consider hiring someone.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags