Community Forums › Forums › Archived Forums › Design Tips and Tricks › Executive Pro – how to change size of header image
Tagged: executive pro, header image
- This topic has 9 replies, 5 voices, and was last updated 8 years, 10 months ago by JodieWTS.
-
AuthorPosts
-
May 12, 2015 at 4:43 pm #151920shumieMember
The Executive Pro theme allows only a 260 x 100 header logo. How can I change the code to allow a 350 x 100 size logo? Thanks.
http://www.faithpeptalks.comMay 12, 2015 at 6:01 pm #151933Brad DaltonParticipantThere's 2 edits
1. Modify the values for width and height in the functions.php file for the custom_header function.
2. Under the Site Header section of the style.css file, modify 1 or 2 values for the width and height if needed.The values for the width and height should match your image.
May 14, 2015 at 2:04 pm #152245shumieMemberWhere do I go to get access to the functions.php file for the custom_header function? I found the page to edit the css. Thanks.
May 14, 2015 at 2:22 pm #152253MoodyRivieraMemberIf you're asking the location of the functions.php file, here's the path on your server:
wp-content/themes/yourthemenamewhateveritis/functions.php
*MoodyRiviera*
May 14, 2015 at 2:24 pm #152255shumieMemberI'm a novice at this. Do I access this from WordPress or do I go to BlueHost?
May 14, 2015 at 3:03 pm #152256MoodyRivieraMemberWhenever I've made changes like this, I always use an FTP program to get into the files on the server, download the file I want to work on...make a backup copy...and then open the file in a text editor, make the changes and re-upload the file to the server. That way, if I mess it up, I still have the original version.
So if you know how to use FTP, I recommend doing it this way.
I suppose it's possible to access the functions.php file through the cPanel in BlueHost, and somehow make your changes to the file, but I don't have experience with that.
Another method, which I never use but I know other people use is to edit the file directly in your WordPress Dashboard:
In the Dashboard, go to the Appearance section, then in there go to the Editor section, you should see a link for "Theme Functions" and "(functions.php)" and clicking that link will display the functions.php file in that window.Then you can make changes and then click the "Update File" button.
For me, the main problem with this method is that it doesn't provide me with a backup if I totally mess up the file.
When you say that you're a novice, I totally understand that...but if you think there's a possibility that you will get further into this as time goes by, I really recommend that you study up on FTP applications, and once you learn to do that, it will be much easier for you to view and work on all the files that make up your site. FTP sounds scary, but it's not really that hard...maybe you can give it a try.
*MoodyRiver*
May 14, 2015 at 5:45 pm #152267Brad DaltonParticipantMay 17, 2015 at 10:42 am #152492shumieMemberHere's the good news and the bad news. The good news is that I changed the width of the header image successfully per your instructions. Yea! The bad news is that by increasing the width it caused the misplacement of the nav menu. It jumped down rather than remaining aligned with my logo. I'd appreciate your help on how I can adjust this.
June 15, 2015 at 9:02 am #156255JayMemberGood morning -
I made the two edits you suggested. Indeed, it adjusted size of the image. So, I created a new logo in exactly the size I called out. However, it still takes me through the cropping function. There it vertically cuts my properly sized image in 1/2 vertically, then delivers the cropped image to the site in the full size. Ideas? Thanks! JayNovember 9, 2015 at 6:16 pm #170606JodieWTSMemberHi
You need to adjust the Widget area of the menu by whatever you increased the header imageIn style.ccs change 'width' in '.site-header .widget-area'
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.