help with CSS-targeting a “home” button…

ecureuilaulaboratoire · Member · Dec 16, 2009 at 2:06 pm
Copy link

Add topic to favorites
Hi,

I am customizing the sandbox 1.6.1 theme and since it has no home button I followed this advice on how to “create” one (https://en.forums.wordpress.com/topic/can-i-add-home-to-my-sandbox-navigation-bar?replies=25).

But as you can see if you look on my blog the home button (which is called “BLOGG”) is not positioned nicely with the rest of the menu.

I am trying to target the item with CSS to move it up a bit, but I have no success.

Does anyone know how I could target the item? Its HTML is :
<div id=”menu”>
The blog I need help with is: (visible only to logged in users)
devblog · Member · Dec 16, 2009 at 11:14 pm
Copy link
try this:
```
#menu{overflow: hidden;}

#menu .page-item-74 a {margin-top: -3px;}
```
The first definition makes sure nothing bleeds out the menu area… the second one, adjusts the position of the item so that it’s aligned with the others.

HTH
ecureuilaulaboratoire · Member · Dec 17, 2009 at 9:21 am
Copy link
Thanks a lot!
elizabethlarkin · Member · Dec 17, 2009 at 5:58 pm
Copy link
I just ran in to this and my solution was simple. I just added a new page called “Home” and changed the shortlink to “index-php”. It shows up inline with the rest of the page navigation and does what I wanted it to do: redirect to the main home page. Give it a try.
unmallya · Member · Dec 17, 2009 at 6:57 pm
Copy link
@elizabethcarroll,

As far as I know at wordpress.com we don’t have access to index.php. We can only modify CSS style sheet that to if you have purchased the CSS upgrade.
elizabethlarkin · Member · Dec 17, 2009 at 11:05 pm
Copy link
I’m on WordPress.com too, check out my main site http://www.thinkliz.com. It’s got a Home link even though I’m on Sandbox 1.6.1. I just added a new page, named it “Home”, then left the content blank and made the “slug” (called slug in quick-edit) “index-php”. So I’m not actually accessing any php or HTML, just creating a blank page and by having that slug, WordPress knows to forward to the home page. Give it a try and hopefully you’ll see what I’m talking about.
devblog · Member · Dec 17, 2009 at 11:22 pm
Copy link
elizabethcarroll,

Very cool tip. Thanks for sharing.
timethief · Member · Dec 17, 2009 at 11:24 pm
Copy link
Bookmarking! :)
panaghiotisadam · Member · Dec 17, 2009 at 11:55 pm
Copy link
Me too!

(Got to add it in my page-tabs-as-external-links post!)
unmallya · Member · Dec 18, 2009 at 1:35 am
Copy link
I thought you are talking about making changes to underlying codes. Impressive and very cool tip. I will try this. Thanks for sharing
ban750 · Member · Dec 18, 2009 at 1:48 am
Copy link
@elizabethcaroll,

You have designed very impressive sandbox skin.

Nice tip to create a home page. I was looking for this solution for long time, Now I will use this tip on my blog.

thanks for sharing!
ecureuilaulaboratoire · Member · Dec 18, 2009 at 4:20 pm
Copy link
@elizabethcaroll,

YES! what a beautiful trick…

I was having super problems aligning the home button because I styled my menu with background images (to fake tabs) and the home button tricks available before your solution did not work with background images and padding on the because there was some weird double element being created with part of the home button linking to the index.php and another part of the button linking to the “home” page (i.e. a subpage to the blogg called “home” because “home” is what we wrote when we created the page). I was super weird but now I don’t have to grind my teeth anymore…
ethiopianprincess1 · Member · Dec 19, 2009 at 1:11 am
Copy link
Hi elizabethcarroll! I’m veering off a little bit, but I took a look at your blog and I really like how the background stays put while the rest of the page scrolls. That would be the best solution for the blog I’m designing right now. Can you tell me how you did that? – Thanks!
susanhobbs · Member · Dec 22, 2009 at 1:22 pm
Copy link
@elizabethcarroll you’re awesome! Thanks for the tip. It’s exactly what I was looking for.

No items found.