The Support Forums will be in read-only mode for a scheduled maintenance window on 01 September 2016 14:00 UTC - 20:00 UTC. More information.

Corrrect paths in child theme style.css (4 posts)

  1. iridium21
    Posted 2 years ago #

    [Theme: Pilot Fish] I've spent 2 full days on this, with no success. :(
    The situation: I've successfully created a child theme, Pilot Fish Child. It has its own style.css file. It's activated and working.

    The problem: I want to change the background color of the footer, and also use an image that I've uploaded into pilot-fish-child/images/image01.jpg. The image is exactly the same size as the original image still residing in pilot-fish/images/image01.jpg.

    Neither the footer color change nor the image change are showing up in my browser, despite my having cleared the cache numerous times. What am I doing wrong? My pilot-fish-child/style.css file currently looks exactly like this:

    /* CSS Document
    Theme Name: Pilot Fish Child
    Theme URI: http://example.com/pilot-fish-child/
    Description: Pilot Fish Child Theme
    Template: pilot-fish
    Version: 1.0.0
    Text Domain: pilot-fish-child

    @import url("../pilot-fish/style.css");

    /* =Theme customization starts here
    -------------------------------------------------------------- */
    #featured {
    background-attachment: fixed;
    background-image: url(http://www.example.com/wp/wp-content/themes/pilot-fish-child/images/home_banner.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    height: 642px;
    display: block;
    text-align: center;

    #footer {
    margin: 45px auto;
    padding: 35px 0 36px;
    border-top: 1px solid #e5e5e5;
    background-color: #669933

  2. stephencottontail
    Posted 2 years ago #

    In your post you say that the image is at pilot-fish-child/images/image01.jpg but your stylesheet refers to a file named home_banner.jpg. If that's just a copy-paste error, can you post a link to your site?

  3. iridium21
    Posted 2 years ago #

    Oops, yes, it was just a copy-paste error. I should have written pilot-fish-child/images/home_banner.jpg
    My site is in its absolute infancy, but here it is: http://www.mybeauti.com/wp/

    Thanks in advance, Stephen, for taking a look at it.

  4. stephencottontail
    Posted 2 years ago #

    When I look at your site, I don't see your child theme's stylesheet being loaded. The stylesheet itself looks fine, though. Can you verify that you've selected the child theme as your active theme? Also, I can see your image loaded correctly. Is this what it's supposed to look like: http://imgur.com/O8VMJGI

Topic Closed

This topic has been closed to new replies.

About this Topic