December 19, 2012 at 10:31 am #6194lbrown1179Member
I've edited the CSS in an attempt to make the banner image space 960 px x 250 px, but the image uploader is still cropping the image to 960 ?— 115 pixels.
the site is at http://www.cursillodsv.net
Here is a screenshot showing Firebug CSS. I don't undertand why some of the CSS is showing strikethrough. Please advise how to make the image area accept my larger banner.
Thanks in advance for your help.
http://www.brownmouse.netDecember 19, 2012 at 10:54 am #6205Brian BournMemberDecember 19, 2012 at 3:12 pm #6255lbrown1179Member
Thanks, that did the trick.
Any thoughts on how a non-programmer would figure that out? I guess I should've thought to check the functions.php page, but it seems there should be a way to change banner sizes within the theme settings - any plans for that functionality on CopyBlogger's To Do list?
http://www.brownmouse.netMarch 6, 2013 at 5:26 pm #24652fsm.writerMember
And where would the clueless among us (like myself) find the functions.php file? (sorry I'm a newbie!)March 6, 2013 at 5:44 pm #24656CharlieMember
From the WordPress dashboard, click on Appearance > Editor, then to the right of your screen you should be able to click on Theme Functions (functions.php).
Make sure to make a copy of the file before making any edits so you can re-upload it in the case you make a mistake and (temporarily) break your site.March 7, 2013 at 12:29 am #24744fsm.writerMember
Thanks Charlie - I'm going to work on that this weekend! I especially liked the tip about copying everything first...it's like you knew I was bound to screw something up. Which considering my experience....August 21, 2013 at 8:57 am #57918Emma1202Participant
I realize this thread is old, but I have a quick question directly related to the original question.
I have changed my function.php file to accommodate the size of my header (960x250) and changed the css file to also allow for 250px height, but the cream/grey colored band just above the navigation bar is now much much taller as well.
What line of the CSS file do I need to alter to bring that band back down to 15 or 20px or eliminate it all together?
Here is a screenshot of my problem: http://raleighheatingandairrepair.com/resizing-header-issues/August 21, 2013 at 9:18 am #57929marybaumParticipant
If you use Chrome or Firefox, you can find the line number really easily.
Just highlight the element and either right-click or control-click (old-school Mac) and choose Inspect Element from the popup menu.
Now, you'll notice that a bunch of code has appeared in two panels: the live html and the CSS. Look for the property you want to change in the CSS, and you'll see the stylesheet and the line number that control that property right there in the block of CSS.
Hope that helps.
Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀August 21, 2013 at 9:55 am #57945Emma1202Participant
Thank you! I'm still a bit uncertain on how to change the CSS. How would I make the blackish background extend lower the whole 250px of the header and the cream band go back to the initial size (15 px maybe?) below that?
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.