- This topic has 5 replies, 2 voices, and was last updated 11 years, 2 months ago by
.
- Posts
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!
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.
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)
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.
- You must be logged in to reply to this topic.