Getting my header to work

[Aaronbrook37Participant]

Hey everyone. My website (www.apexnutrition.ca) is just about finished the design process and ready for content. I’d like to replace the area traditionally used for the social media buttons, the title, and the tagline with a banner image of my choice. I’m inexperienced with coding and don’t want my theme to explode, so any advice on where to start with the theme or header.php would be great. Thanks very much!

[Themonic-SupportKeymaster]

Hi Aaron,

Go to live customizer : Appearance -> Basic settings

Upload banner image of your choice using the logo uploader, it must be of 1040px in width.

After that paste the following code in the appearance -> editor -> custom.css in the very end after everything

.themonic-logo {
    margin: 0;
    padding: 0;
}

.themonic-logo img {
    max-width: 100%;
}

.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
    box-shadow: none;
}

The last part removes the image shadows that were not looking good on your website. Do let me know if it works as you have wanted.

[Aaronbrook37Participant]

Excellent – thanks so much for your help! 🙂

[Aaronbrook37Participant]

Hmm… 1040px doesn’t seem to fit properly. Take a look at my homepage and see how it’s stretched too far to the right? (www.apexnutrition.ca)

[Themonic-SupportKeymaster]

Kindly check your uploaded image http://www.apexnutrition.ca/wp-content/uploads/2013/10/header1.png, the header image you are using has a width of 1080px instead of 1040px. After that use the code given above if you do not want the white area around your header image.

[Aaronbrook37Participant]

Awesome! Thanks so much for the help. It looks much better!

[Author]

Posts