New to the community? Start here

I would like to use a full width header image. What do

I would like to use a full width header image. What do I need to adjust to make this happen.

Also, on the slider text, I have tried to use html for customized text but it does not work.

Fri, 6 Dec 2013 19:33:27
  • antKat
    • HummingBird

    The Theme is Product – I am not trying to change the background. I want to extend the custom header image to be able to go full width. This theme provides for a small square or larger rectangle (although it does not indicate what the image size should be) but it does not provide for the full width image.

  • Ash
    • Code Norris

    Hello @antKat

    I hope you are well today and thanks for asking the question.

    I just saw your site. The image you uploaded, basically that should be your logo. For using full width header image, you need to use css in this case. Please add the following line in your stylesheet:

    #header{
    
background: url(/path/to/image) no-repeat;
    
}

    And the image needs to be 940px wide.

    Please let me know if you find this is helpful, or if you have any further questions.

    Cheers

    Ash

  • antKat
    • HummingBird

    I added the suggested css to child theme and received the following error:

    Broken Themes

    The following themes are installed but incomplete. Themes must have a stylesheet and a template.

    Name Description

    Product ChildTheme Date: 11/05/2010Version: 3.2.2Theme

    Template is missing

  • antKat
    • HummingBird

    Thanks for responding Ash but before I try your new suggestion, I believe the child theme has not been installed properly. Since you are no longer able to download the theme and upload both the parent and child themes. With the auto install from admin panel, what is the new process to install the child theme?

  • Ash
    • Code Norris

    Well, my above code should not break the child theme. In your child theme, are there two files – index.php and style.css? If you find this difficult I can take a look. In that case please send me admin and ftp details.

    To send details, please use our contact form: https://wpmudev.com/contact/

    Select: I have a different question

    Subject: Attn-Ash

    Details: Send all required details (admin info and ftp details) with a link of this thread, so that I can track.

    Also post a note here once you send the info.

    I will be happy to take a look :slight_smile:

    Cheers

    Ash

  • antKat
    • HummingBird

    Ash, I deleted the “broken” child theme. Is there a folder with the child theme that includes the css and index? I found the child css in themes/product/_inc/css. Am I supposed to create a folder called “product-child-theme” in the themes directory? And then rename the child.css that I found in the parent product/_inc/css and place in new folder? Which index file would I add to child theme? The WPMUdev themes previously created a usable child theme but with the current install method, the child theme seems to be lost. If you explain which files from the parent theme need to be copied to child and which directory they need to be in, I should be able to take it from there.

  • Ash
    • Code Norris

    Hi there

    This is the product child theme I have attached. Unzip the folder and upload in to /wp-content/themes/ folder. Then open style.css or _inc/css/child.css and put the code in there.

    So you just install the child theme and activate it trough Appearance > Themes and put the above css.

    Hope it helps! Please feel free to ask more question if you have.

    Cheers

    Ash