Forum Replies Created
-
Mod
I am experiencing the same thing with the graphene_top_search action hook. Testing it on my science blog.
This is the css for the menu bottom shadow:
.menu-bottom-shadow{
background: url(images/sprite_h.png) left top repeat-x #eee;
height: 3px;
width: 100%;
}You would want to change the height, or eliminate it altogether, to allow the image its own height. Or just leave it. You’ll need to play around a bit to get the exact look you want. The content area is 960 pixels, so make your image 960px wide.
The navigation bar: there’s been a lot of discussion about that here. Search around a bit and I’m sure you’ll find what you’re looking for. If you take a look at the stylesheet, the navigation styles begin on line 204. Take a look at this post to see how I effected a minor change to the menu. You can also take a look at this post for something a bit more complicated.
Good luck,
Ken
Looks like they’re both showing up now!
You can achieve this using action hooks. See this post for a description of how to do it. You will want to style it in your child theme’s custom css.
I’m not finished with the design, so don’t judge me on that
Every blog is a work in progress.
Ken
-under the active menu button (home in the example) – the shadow of the inactive items (servizi, contatti, blog) should remain as is, if possible</div>
That shadow is coded like this:
<div class="menu-bottom-shadow"></div>which is generated by a sprite image, so I’m not sure how you would style it without creating your own shadow image and altering the css.
i would like to know if it’s possibile to detach the body from the top of the window, like it’s for the bottom part of the footer.
Not sure exactly what you mean by that, but try adding this to your custom css:
#top-bar {margin-top:25px;}a “magic” css line that removes all shadows on the site
Not that I’m aware of. You’ll have to edit the css file in a text-editor and search for “shadow”.
Also, you shouldn’t edit theme files directly, since you will lose all your changes in the next theme update. You should create a child theme instead.
And how did you make that background?
That’s a simple gradient image, tiled vertically. See this post for a way to do that.
Ken
You broke up the code into separate declarations (which is fine, because like I said, you may want to style these differently later), but you left in the comma, which is causing your CSS not to render.
You have:
#previous,{
color: #000000;
font: 14px tahoma;
text-decoration: none;
}but you should have:
#previous {
color: #000000;
font: 14px tahoma;
text-decoration: none;
}See the difference? Take out the comma after “previous” and just before the curly bracket and it should work.
I don’t see a Twitter feed. Did you enter this in the “Top Bar Options” of Graphene Options?
Please include a URL to your site and we’ll take a look.
Yep. Those are your post navigation links. They have the CSS id of
#previousand#next-post.Your question has already been answered in this post. You will need to enter your altered code in the custom CSS part of Graphene Options.
Good luck and welcome aboard,
Ken
You can also use the value
noneas well:-moz-box-shadow: none;etc.
Thanks for the tip. Don’t forget to put code between backticks.
Ken
No, you are free to change it. Just add this code to your custom CSS:
#developer {
font:whatever;
}changing “whatever” to the font you would like. See this page for more information about using fonts on the web.
Welcome aboard,
Ken
