Community Forums › Forums › Archived Forums › Design Tips and Tricks › Trying To Add Header To News Pro Theme
- This topic has 3 replies, 2 voices, and was last updated 9 years, 9 months ago by joey.
-
AuthorPosts
-
July 16, 2014 at 5:56 pm #114587breakthrough11Member
Hi,
I'm trying to add a header to my News Pro theme. I go to Appearance-->Header and upload the header I have which is 1040 pixels wide but it comes up with a crop/publish command and all I can get on is half the header.
Am I in the right section to add the header and if so, how can I add the full length header. My site is at:
Appreciate any help. Thanks.
Dean.
July 16, 2014 at 7:42 pm #114588joeyParticipanthi I have been messing around with News pro a bit and what I did was add my image here below see code...
I added my image to the images folder and placed the code in the css file.. You might have to trail and error it a bit of course you have to turn off the titles and all..or find a way to work around titles but using a image for logo you ahve options...but this is where you would start..if you go beyond the customizer area in WP.
What you want to do is try to go into the css of the child theme and by pass the customization area where your more restricted in a way.. now this bit of css below will not solve your problem its just a example of maybe a better place to start.. you can place a full size png in here at 1040 or 1200 at height and get to experimenting for best result..
I just jumped in here since I do actually happen to be experimenting with NP so dont flame me im not a mod..here is a example of part of what you can do… if you use fire bug you can see several areas in the header to do some cool things and get respect.. 🙂
site-header { background-image: url(images/header.png); background-color: #fff; border-bottom: 3px solid #000; }
July 16, 2014 at 7:59 pm #114592breakthrough11MemberHey thanks for the advice. Appreciate it. So, place the image url here between the brackets...
url(images/header.png);
Will play around with it.
Any other help would be appreciated.
Thanks.
Dean.
July 21, 2014 at 8:55 pm #115294joeyParticipantSure this is the css from the theme where say if you had a image logo you know to drop in there..
you could put that image or logo in the images folder and than type that into the background
where I have it than you probably would need to be sure it is fixed.. and does not repeat..
so maybe this would be best
site-header {
background-image: url(images/header.png) no-repeat center center;
background-color: #fff;
border-bottom: 3px solid
#000;
}
here it tells it to not repeat and just sit center.
so if the header is what 1040px by 90px ( im not sure just guessing..) your full header image should
fill up the space and display your content be it photo color or logo.. so check the dimension if you want to be precise.
If you have not worked with the css much and it seems like you have not..
dont be worried.. see here is the dope.. many people say studiopress is hard but they(studiopress) use very elegant code and the CSS is some of the best out there.. simple where it should be harder where is should be.. look at the way the themes drop into mobile.. very smooth compared to just about everything else..
Im not sure if I had quotes in there or a full url all that sometime depends on the host your with and some other things..
If this is not workable than you might have to find a mod here who will go into more much more detail..
I will say this I have found the CSS to be the one area where you can just go nuts and set up a studiopress theme like it was your own all day and all night and never have to set a function or php code… like the old zen garden days..
🙂 -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.