How do you add a “home” button on the navigation bar
-
I want to make a link on my navigation bar that connects to the blog front page to appear. I found this #navigation li {} while searching the forums but that class doesn’t work. Im using sandbox to design the blog.
-
Use the trick for pages and then position the pages widget. That’s what I did on my blog.
-
Thanks, but I was actually able to use the text widget to do it. I did attempt the page widget, but it didn’t show a link for the home page. If anyone else was curious to know how to do it, here it is,
First I put this in the text widget,then I used the Fire Fox web developer to figure out the ID of the text widget, and then I posted this in my CSS
#text-284376871 {
background:none;
}#text-284376871 h3,#text-284376871 h3.widgettitle {
display:none;
}#text-284376871 a {
position:absolute;
top:0;
left:0;
width:995px; /*suggested value*/
height:120px; /*suggested value*/
display:block;
border: none; /*This property is ONLY so you can see where the ‘link’ is being placed, once you have everything ready, you should remove it.*/
}
#text-284376871 a:hover {
width:1000px;
padding-top:-10em;
padding-bottom:-10em;
background:url(‘http://sensico.files.wordpress.com/2008/11/newsensico11.jpg’) no-repeat;
margin-top: 23px; margin-left: 10px; height: 90px;
}
#text-284376871 a span {
display:none; /*This is so ‘« Home’ won’t be displayed*/
} -
-
-
Um, you did the same thing I told you except you used a text widget instead of the pages widget. You just took a lot more code to do it.
- The topic ‘How do you add a “home” button on the navigation bar’ is closed to new replies.