• Resolved Alani Keiser

    (@lanicreative)


    Hello there!
    I need quick help with 1 thing, urgently… as it’s the only thing I’m struggling with.
    I am struggling to increase the pixel size of the Header Image / resize it to create a full header banner on my site.
    Is there a quick tutorial or assistance?

Viewing 15 replies - 46 through 60 (of 70 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Was the background colour an option in the dashboard that you set?

    Thread Starter Alani Keiser

    (@lanicreative)

    Don’t worry, I was able to edit it ??

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Cool, so to make the header image full width as you want it first you’ll need to modify your header.php file. To do that within your Child Theme all you need to do is copy the ‘header.php’ file from your “decode” theme folder and paste it into your “decode-child” theme folder.

    Now I understand your file transfer tool doesn’t let you do that, so what you’ll need to do is download the ‘header.php’ file from the “decode” folder – modify it – and then upload it into your “decode-child” folder so that it’s sitting next to your ‘style.css’ file.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Before I recommend the modified code, could you get your site back to how it was before with the header image?

    Thread Starter Alani Keiser

    (@lanicreative)

    ok, I’m onto it

    Thread Starter Alani Keiser

    (@lanicreative)

    Ok, the header is back on.. I will proceed to your php instructions now

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    The modified code can be found here: https://pastebin.com/Ymwupi4P

    What you want to do is edit that file again, that header.php file, on your computer and replace all of the code with the code form that PasteBin page. Then you upload that header.php file in your “decode-child” folder.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    That will be the first step of your modifications.

    Thread Starter Alani Keiser

    (@lanicreative)

    I’m just downloading a file opener for php quick, seems my pc is outdated somehow

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You can open it in notepad I think

    Thread Starter Alani Keiser

    (@lanicreative)

    Yes, you can… It’s opened it.
    I’ll move on :-/

    Thread Starter Alani Keiser

    (@lanicreative)

    OK. I’ve edited with the modified code you provided and uploaded to the decoded-child theme

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    So now you’ve got a squished image hehe https://creativevoiceandaudio.com/

    Thread Starter Alani Keiser

    (@lanicreative)

    yup ??

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Next you’ll need to add some CSS and you can do this in either your Custom CSS plugin or through your set up Child Theme style.css file, it really doesn’t matter. You’ll need to think which will be easier to manage.

    The CSS to add is:

    .site-branding {
     margin: 0;
    }
    
    .site-logo {
     max-height: none;
    }

Viewing 15 replies - 46 through 60 (of 70 total)
  • The topic ‘Quick help with header image’ is closed to new replies.