editing the header bar
-
I’m trying to edit the top header bar, specifically to put some text next to the rss feed link in the upper left hand corner. Does anyone know where I can edit this are of the theme? Thank you ๐
that would work Kim, where can I do that at?
Thank you ๐
If You look at my profile link. I start my Graphene Child Theme
functions.php
with:(Just a lot of links)
<?php
function graphene_social_icons(){ ?>
<a href="/?page_id=861" title="Send en e-mail"><img src="/wp-content/uploads/m-4.png" /></a>
<a target="_blank" href="/bbpress/" title="Kim Nรยธrrebo's Forum"><img src="/wp-content/uploads/b-wp.png" /></a>
<a target="_blank" href="https://forum.graphene-theme.com/" title="Graphene Support Forum"><img src="/wp-content/uploads/b-wp3.png" /></a>
<a target="_new" href="http://www.wordpress.org/" title="Wordpress.org"><img src="/wp-content/uploads/wp9.png" /></a>
<a target="_new" href="http://da.wordpress.org/" title="Dansk WordPress"><img src="/wp-content/uploads/wp11.png" /></a>
<a href="/wp-login.php?redirect_to=%2F" title="Login"><img src="/wp-content/uploads/login1.png" /></a>
<a target="_blank" href="http://www.mozilla.com/" title="Mozilla Firefox"><img src="/wp-content/uploads/web1.png" /></a>
<a target="_blank" href="http://www.4k-data.dk/" title="4K-DATA"><img src="/wp-content/uploads/web1.png" /></a>
<?php
}
add_action('graphene_feed_icon', 'graphene_social_icons');Just remember, the last line in functions.php must be:
?>
Then I address space between Icons/image in Child Theme
style.css
:#rss a {
margin-left:10px;
}
#rss a.rss_link {
margin-left:23px;
}Please ask if You dont have Child Theme ๐
Another tip:
Bye the way if You right-click on one of the small calendar pictures
and then show background picture you find: sprite_master.png
Graphene Theme PSD’s are here: http://graphene.googlecode.com/svn/trunk/PSDs/
Some icons are also here: http://www.iconfinder.com/search/?q=social
Kim
Hi, Kim. I would like to have only the qtranslator widget on the top header bar.
do you know how should I do?
Hi Christine
Then again, You just might look at Your top-bar css:
#top-bar {
background: url("images/sprite_h.png") repeat-x scroll left -196px #000000;
height: 54px;
margin-left: 16px;
width: 900px;
}If You make a 900x54px image called: sprite_hc.png
#top-bar {
background: url("images/sprite_hc.png");
height: 54px;
margin-left: 16px;
width: 900px;
}I mean change the image to one of Your liking.
fuente_salus
Sorry no comment on Qtranslator
Kim
Well, I jumped the CSS part and just uploaded a image.
Then I put this in Child style.css:
#top-bar {
background: url("/wp-content/uploads/sprite_tb103.png");
height: 46px;
}I have to try this another day:
http://webdesignerwall.com/tutorials/css-gradient-text-effect
Kim
Viewing 7 posts - 1 through 7 (of 7 total)
- You must be logged in to reply to this topic.