48

In reply to: Transparent Footer

#13639

Maybe change this:

#footer {

background: url("images/sprite_h.png") repeat-x scroll left -117px #000000;

box-shadow: 0 -3px 5px 0 #000000;

height: 49px;

position: relative;

}

With:

#footer {

background: none;

box-shadow: 0 -3px 5px 0 #000000;

height: 49px;

position: relative;

Kim

In reply to: Fifefox ok, Chrome ok, IE8 fault

#13632

Okay, what happend?

Kim

In reply to: editing the header bar

#13635

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

In reply to: editing the header bar

#13633

Well, I know how to insert links & social icons right to the RSS icon (29x29px)

So if You can use inserting 29x???px image with text, then that might be some solution.

Kim

In reply to: Nav bar font size – font stypes – colors in IE –

#13612

Well, I have tried to show You some of the road.

Kim

In reply to: Nav bar font size – font stypes – colors in IE –

#13610

Well, It works here.

Just bear in mind that You need a statement for different browsers.

Wont comment on IE, just try google: IE8 CSS.

And the font settings in Firefox are?

Firefox standard font: Times 16px – On my MAC..Just great 🙂

Kim

In reply to: Nav bar font size – font stypes – colors in IE –

#13608

Your font size in navigation bar is now:

#nav .menu li a, #nav .menu li a:visited {

color: #DFEDFF;

font: 12px/24px arial;

padding: 0 6px;

text-decoration: none;

}

Text in slider is now:

.entry-content, .entry-content p, .slider_post_entry p, .entry-content ul, .entry-content ol, .comment-entry ol {

color: #2C2B2B;

font: 12px/20px arial;

}

This is my gray colors for the slider, so You have to insert Your own color codes:

.featured_slider{

background: -moz-linear-gradient(left top , #E0E0E0, #EEEEEE) repeat scroll 0 0 transparent;

background: -webkit-gradient(linear, left top, right bottom, from(#E0E0E0), to(#EEEEEE));

background: linear-gradient(left top, #E0E0E0, #EEEEEE);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E0E0E0', endColorstr='#EEEEEE'); /* for IE */

-pie-background: linear-gradient(#A6A6A6, #EEEEEE);

-moz-box-shadow: inset 0px 0px 1px 1px #C4C4C4;

-webkit-box-shadow: inset 0px 0px 1px 1px #C4C4C4;

box-shadow: inset 0px 0px 1px 1px #C4C4C4;

filter: progid:DXImageTransform.Microsoft.Shadow(color='#afaeae', Direction=90, Strength=3) !important; /* for IE */

}



.featured_slider #slider_root {

-moz-box-shadow: inset 0px 0px 1px 1px #C4C4C4;

-webkit-box-shadow: inset 0px 0px 1px 1px #C4C4C4;

box-shadow: inset 0px 0px 1px 1px #C4C4C4;

background: none repeat scroll 0 0 #FFFFFF;

}

My advice is to change the fonts in the Child Theme style.css where You can change

almost everything 🙂

And if You want the tool: http://www.getfirebug.com

Kim

In reply to: Changing title and description in header w/o child theme

#13626

Just change color code:

element.style {

color: #000000;

}

Child Theme always the wise thing 🙂

Kim

In reply to: changing background color in widgets

#13607

This just might work for background 🙂

.sidebar div.sidebar-wrap {

background: none repeat scroll 0 0 #F3E2CE;

border: medium none;

box-shadow: none;

padding-top: 0;

}

Kim

In reply to: "Older posts" and "Newer posts" not appearing

#13600

I was looking for translation of:

Older posts « and » Newer posts

Do You have them?

Kim