cant remove header
May 18, 2010 7:51 AM Subscribe
need html help to remove the header on mr site and more...
whilst dying from man flu, I have been attempting to remove the mr site header that all the templates force on you - im basically trying to get it so that all it has is the background and the links - but please, please tell me how to remove this header !!!!!
whilst dying from man flu, I have been attempting to remove the mr site header that all the templates force on you - im basically trying to get it so that all it has is the background and the links - but please, please tell me how to remove this header !!!!!
Looks like all you need to do is remove <div id="mainHeaderWrapper"> and its contents from the template.
posted by ook at 7:57 AM on May 18, 2010
posted by ook at 7:57 AM on May 18, 2010
oh my goodness.. and this is a template you paid for?
I'm going to take a stab in the dark and suggest it's one of these DIV's:
[div id="mainHeaderWrapper"]
[div id="mainheader_wrap"]
[div id="mainHeader1"]
Most likely that last one. Remove it and it's [/div] tag and see if that works.
The header image and size are being defined in one of the like, four CSS that are being linked.
posted by royalsong at 8:02 AM on May 18, 2010
I'm going to take a stab in the dark and suggest it's one of these DIV's:
[div id="mainHeaderWrapper"]
[div id="mainheader_wrap"]
[div id="mainHeader1"]
Most likely that last one. Remove it and it's [/div] tag and see if that works.
The header image and size are being defined in one of the like, four CSS that are being linked.
posted by royalsong at 8:02 AM on May 18, 2010
HTML templates are just text files. You should be able to open them in the text editor of your choice and edit them as you would any other text.
I'm not familiar with "Mr. Site," though; if it's some sort of online sandbox that doesn't allow you access to edit the templates directly, you could hide the header by adding this to the CSS:
#mainHeaderWrapper {display: none}
posted by ook at 8:05 AM on May 18, 2010
I'm not familiar with "Mr. Site," though; if it's some sort of online sandbox that doesn't allow you access to edit the templates directly, you could hide the header by adding this to the CSS:
#mainHeaderWrapper {display: none}
posted by ook at 8:05 AM on May 18, 2010
are you not working in an HTML editor? (Dreamweaver is the best known)
1. Pull the index.html file onto your computer.
2. Copy it and rename the file index[OLD].html (just incase it doesn't work you still have a point you can go back to)
3. Open index.html in note pad.
4. Highlight the code and delete.
5. Save and reload to your server, replacing the existing index.html
posted by royalsong at 8:05 AM on May 18, 2010
1. Pull the index.html file onto your computer.
2. Copy it and rename the file index[OLD].html (just incase it doesn't work you still have a point you can go back to)
3. Open index.html in note pad.
4. Highlight the code and delete.
5. Save and reload to your server, replacing the existing index.html
posted by royalsong at 8:05 AM on May 18, 2010
Response by poster: doesnt work - maybe need a bit more than that ook - it is a sandbox though
posted by sgt.serenity at 8:22 AM on May 18, 2010
posted by sgt.serenity at 8:22 AM on May 18, 2010
And don't forget to hit 'refresh'. When working on a site, I tend to forget about that and wonder why what I have done makes no difference at all.
posted by Vaike at 8:31 AM on May 18, 2010
posted by Vaike at 8:31 AM on May 18, 2010
Response by poster: cheers - refreshing away - still with the header though - i'm hoping to move the menu down to the middle of the page also - really need help to do that.
posted by sgt.serenity at 8:42 AM on May 18, 2010
posted by sgt.serenity at 8:42 AM on May 18, 2010
being unfamiliar with exactly how mr. site works..
it might not be possible to remove that header within the confines of the template.
posted by royalsong at 8:46 AM on May 18, 2010
it might not be possible to remove that header within the confines of the template.
posted by royalsong at 8:46 AM on May 18, 2010
doesnt work - maybe need a bit more than that ook
Which one doesn't work? Editing the html, or editing the css? Because doing either of those would definitely remove the header; it's just a question of what this "Mr. Site" thing will allow you to change.
(If it completely prevents you from editing the templates and the css, I'd recommend using a different tool to build your website, because that would be awfully limiting.)
posted by ook at 8:49 AM on May 18, 2010
Which one doesn't work? Editing the html, or editing the css? Because doing either of those would definitely remove the header; it's just a question of what this "Mr. Site" thing will allow you to change.
(If it completely prevents you from editing the templates and the css, I'd recommend using a different tool to build your website, because that would be awfully limiting.)
posted by ook at 8:49 AM on May 18, 2010
Response by poster: i think i need a different bit of css to sort it out
posted by sgt.serenity at 8:53 AM on May 18, 2010
posted by sgt.serenity at 8:53 AM on May 18, 2010
If the header you're trying to remove is the image with the "Steven Reynolds" text, then the CSS I gave you will remove it. Honest.
Where did you put the css? If you're making these changes on the live site, I'm not seeing where you tried added it. (A bit more specificity in your responses would be helpful. "It doesn't work" or "I think I need a different bit of css" doesn't give us much to go on.)
If you look at your css/base.css file you'll see a declaration already there for #mainHeaderWrapper. If you can, just edit that file to add "display:none" to that declaration and the header will go away.
posted by ook at 9:09 AM on May 18, 2010
Where did you put the css? If you're making these changes on the live site, I'm not seeing where you tried added it. (A bit more specificity in your responses would be helpful. "It doesn't work" or "I think I need a different bit of css" doesn't give us much to go on.)
If you look at your css/base.css file you'll see a declaration already there for #mainHeaderWrapper. If you can, just edit that file to add "display:none" to that declaration and the header will go away.
posted by ook at 9:09 AM on May 18, 2010
Best answer: it doesnt show the htmal on the main page mate - but ive tried to put in :
"
@import url(css/plugins.css);
@import url(css/base.css);
@import url(css/nav.css);
@import url(images/css999.css);
@import url(css/custom.css);
#mainHeaderWrapper {display: none}"
posted by sgt.serenity at 9:57 AM on May 18, 2010
"
@import url(css/plugins.css);
@import url(css/base.css);
@import url(css/nav.css);
@import url(images/css999.css);
@import url(css/custom.css);
#mainHeaderWrapper {display: none}"
posted by sgt.serenity at 9:57 AM on May 18, 2010
Response by poster: which appears to be working - the header comes up then dissapears - i can maybe live with that
posted by sgt.serenity at 9:59 AM on May 18, 2010
posted by sgt.serenity at 9:59 AM on May 18, 2010
This thread is closed to new comments.
posted by royalsong at 7:53 AM on May 18, 2010