-
Posts
-
I love Enfold, and I want to use it on my website, but I don’t know how to make the header the way I need it to be…. I’ve uploaded the full-sized image that I want to use, but it WILL. NOT. display at full size….
Here is what I want it to look like (this is using the Jupiter theme; I really, really don’t want to use Jupiter—the only thing I like about it is how it’s displaying my header image properly): https://dl-web.dropbox.com/get/Screenshots/Screen%20Shot%202015-08-10%20at%207.43.43%20PM.png?_subject_uid=85657393&w=AABQZFMOUMJmvvj35GRyFilD4PKcYuv36sDxdWCd5ONWug
(And yes, ideally I would love it if the header image came all the way down to the bottom of the menu like that one does, but I can live without that part if I have to….)
Here is how it looks when I activate Enfold: https://dl-web.dropbox.com/get/Screenshots/Screen%20Shot%202015-08-10%20at%207.43.04%20PM.png?_subject_uid=85657393&w=AAC9Oj8tZbCNBNcIte22SA2EQV_iGsrbCcO7ltx5B17ISg
The only thing I’ve been able to find to adjust it is in the header settings, but all I can do is tell it a max height of 300. I don’t care how tall it is, I want it to fill the width of the screen. Can you please tell me how to do that?
Hey Carole!
Please add following code to Quick CSS
#header_main > .container { padding: 0; }Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Is it possible for you to change header image height to 300px? Then it should work fine.
P.S.: I was not able to see your screenshots. Please upload them in Dropbox public folder or imgur.com and post links here.Regards,
YigitSomehow I missed your reply—sorry for not responding sooner!
I added the code and it did nothing. I made the header image 1200 x 300 and it still isn’t filling the width of the page.
The main problem is that I don’t want to specify an exact size…. I want to upload my image and have it fill the width of the header, regardless of the size of the page. I know it’s possible, because I’ve done it with other themes, but I don’t know how to do it with this one.
This is the way it looks now, which is the widest it will go: https://www.dropbox.com/s/i8px35gt43zlnig/Screenshot%202015-08-25%2015.17.20.png?dl=0
This is what I want it to look like: https://www.dropbox.com/s/gq3fvvu2g691hge/Screen%20Shot%202015-08-10%20at%207.43.43%20PM.png?dl=0
Can you help, please?
Hi!
Do you have the PSD file of the logo image? Can you separate the objects (actual logo, background) inside the image? I think it’s better if you can upload the logo as a separate image then upload the background as the header background in the General Styling panel.
Cheers!
IsmaelI can try that! Thanks for the tip. (wish I’d thought of it, but I’ve been staring at it for so long that my brain has ceased to SEE it….) I’ll let you know what happens!
Carole : )
It worked!
Only problem is that the background picture doesn’t fill the whole background… it stays its width, no matter what size the page is, so at some sizes you can’t see the whole thing, and at other sizes there’s a bunch of blank space on the sides. But it’s much better than it was, so I’m going to leave it alone for now….
Thanks for the help!!!
Carole : )
- The topic ‘Full-width header image?’ is closed to new replies.