Create New BAckground

  • 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 https://www.myspice.co.uk/indian-cooking-recipes

    the bg needs to be this: https://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

Viewing 1 replies (of 1 total)

  • 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.

Viewing 1 replies (of 1 total)
  • The topic ‘Create New BAckground’ is closed to new replies.

Tags