Luke Stacey

Congrats! 🙂

Hi,

Are you using a child theme? If not then I highly reccomend using one, especially since you are making CSS and PHP edits. You can read about child themes and how to set them up here:

http://codex.wordpress.org/Child_Themes

To remove the nav menu in the footer you can do this with CSS:

.footer-navigation {
  display: none;
}

To remove the copyright link use this:

.copyright-left-text {
  display:  none;
}

I hope that helps a little.

– Luke

Hi there,

If you want your code to work at a particular screen size you’ll have to use media queries to tell the browser when you want the code to be activated.

For example, something like this:

@media (min-width: 768px) and (max-width: 979px) { 

.call-to-action-content {
 float: none;
 width: 100%;
 margin-bottom: 10px;
 text-align: center;
}

}

You can adjust the min-width and max-width sizes to focus on the screen size you are targeting or create multiple media queries for different screens – say smartphone, tablet, laptop, desktop for example.

The best way to save these changes is in a child theme, so your customizations stay safe when your theme updates.

Perhaps you could post a link to your site so what can see exactly what is going on?

I hope that helps.

– Luke

Hi there,

Congrats on getting your child theme setup. Here’s the code I think you’ll need.

1. Removing the text that says ‘Home’ on the front page:

#post-7 header h1 {
  display:  none;
}

2. Remove the breadcrumbs (little house with > followed by page name)

.breadcrumb-trail.breadcrumbs.font-secondary {
  display:  none;
}

I hope that sorts it for you!

– Luke

Hi,

Congrats on getting this far 🙂

You could just change the dimensions of your image in photoshop or:

You can specify dimensions using a php variable. You’ll have to change your functions.php file again, so it looks like this (enter your own dimensions for width and height):

<?php
$args = array(
	'width'         => 00,
	'height'        => 00,
);
add_theme_support( 'custom-header', $args );
?>

1. Check that you set your main header, as described in step 7 above.

2. Make sure when you upload your ‘Virtual Assistant for Spiritual Entrepeneurs’ you don’t click the ‘Choose Image’ button. Just set this on the specific page as described in step 9.

3. Check that you entered all the php code correctly.

After that I’m out of ideas. Like I said, it’s working perfectly for me.

I hope you get there Audrey, so close now 🙂 !

– Luke

Hi,

I just tried this out and it’s working well for me:

To have a custom header image on just one page you can use this plugin:

WP Display Header

but….

You’ll need to make some changes to your header.php file. To include this in your child theme you’ll need to:

1. Copy all the code from your header.php in your parent theme.
2. Paste it into a new file called header.php in your child theme folder.
3. Look for this code:

<?php if (of_get_option('logo_image')) : ?>

            <a>" class="logo-img"><img src="<?php echo esc_attr( of_get_option('logo_image') ); ?>" alt="<?php bloginfo( 'name' ); ?>" /></a>

        <?php else : ?>

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

        <?php endif; ?>

4. Delete it and replace it with:

<img src="<?php header_image(); ?>" height="<?php echo get_custom_header()->height; ?>" width="<?php echo get_custom_header()->width; ?>" alt="" />

5. Create a new file in your child theme folder called ‘functions.php’ and place this code inside it:

<?php
add_theme_support( 'custom-header' );
?>

6. Go to your Dashboard – Plugins -> Add New and search for WP Display Header. Install and activate.

7. Go to your Appearance –> Header and upload the header image file you want to use on your front page and click ‘Choose Image’.

7. Repeat the process and upload the image file you want to use on your ‘Spiritual Virtual Assistant’ page but DON’T click ‘Choose Image’.

8. Instead, go to your Dashboard – > Pages and click ‘Edit’ under your ‘Spiritual Virtual Assistant’ page.

9. Scroll to the bottom and you should see a box called ‘Header’ and be able to click the radio icon next to the image you want to use.

10. Click update and you should have a custom header on just that particular page.

As regards your child theme, these are the exact steps I took to set it up:

1. Create a new folder in wp-content/themes/ called

sugar-and-spice-child

2. Create a new file called ‘style.css’ and paste in the following code:

/*
 Theme Name:   Sugar and Spice Child
 Theme URI:    http://example.com/twenty-fourteen-child/
 Template:     sugar-and-spice
 Version:      1.0.0
 Text Domain:  sugar-and-spice-child
*/

@import url("../sugar-and-spice/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

.page-id-4 {
   background-image:  url("http://subtlepatterns.com/patterns/congruent_outline.png") !important;
}

3. Dashboard – Appearance -> Themes & Activate ‘Sugar and Spice Child’

If could be that you set some styles under – Appearance -> Theme Options and you just have to apply those again in your child theme.

I hope that helps you out 🙂

– Luke

The code looks fine Audrey.

Is the child theme appearing in your Appearance -> Themes area on your dashboard?

If so, what happens when you try to activate it?

Do note that you’ll probably need to reset the header images and menus, as with any theme change.

Your site looks different now…maybe you did it ? 🙂

– Luke