[sterman7]

Thanks. I am not sure what you mean by pull out the css selectors.

[sterman7]

Worked like a charm. Thanks man!

[sterman7]

Not working on page below

http://realfoodrealkids.com/the-real-food/

[sterman7]

Great post. Thanks. But, where should I put the code? functions.php and if so which one the LIfestyle Theme file or the main Genesis file.

Henry

[sterman7]

So for anyone that wants to put a gravatar next to their post titles on both their home page and the posts themselves here is what I did thanks to Brad.  Keep in mind I have properly set up my gravatar account to work with wordpress.

in my functions.php file I added:



/**
* @author Brad Dalton - WP Sites
*
* @link http://wpsites.net/web-design/display-post-author-avatar-byline/
*/
function wpsites_single_post_author_avatars() {
if (is_home() || is_single()) {
 echo get_avatar(get_the_author_id(), 40);
}
}
 
add_action('genesis_before_post_title', 'wpsites_single_post_author_avatars');


 

Then I did the following to my style sheet under the IMAGES headline find the .post-image details and update them:


.post-image {
 background-color: #f5f5f5;
 border: 1px solid #ddd;
 padding: 4px;
 float:left;
 display: inline;
 margin-right: 0.5em;


 

[sterman7]

Still doin' my leg work and got the images in line with the title by:

I updates the .post image line of code in my css style sheet to look like this:

.post-image {
background-color: #f5f5f5;
border: 1px solid #ddd;
padding: 4px;
float:left;
display: inline;
margin-right: 0.5em;
}

Much love to Brad for doing the heavy lifting.

[sterman7]

Doin' my leg work man.  If figured out how to nest a second conditional for the answer to my first question but  I am afraid I cannot come up with how to move the image onto the same line as the actual title on both the home and single pages.  ??

The answer to my first question for future readers is:

if (is_home() || is_single())

[sterman7]

Brad,

Thanks.  Two follow on questions if you do not mind.

1. If I want the avatars to appear before the post title on the home page would it be as simple as editing your code by adding
if (is_home() after the if (is_single())???

2.  Is there any way to get the avatar on the same line as the title versus the line above?  Reference any post on this site - http://readingthecompass.com

Thanks again!!

 

[sterman7]

Thanks for the reply.

[sterman7]

Develop blogs for advisors.  This would be a niche just getting started since the regulators have been so tight fisted with allowing social media many advisors are just thinking of blogging.  Plenty of room to educate and develop.

[sterman7]

Dude your the f****** bomb.  I really appreciate your help.  If you need any financial guidance let me know.

[sterman7]

I am oh soo close.  It appears to be working but on certain pages and not others.  Most importantly it os not owkring on the home page but on others.  Any thoughts??

[sterman7]

As my sits now I have removed everything under the old header code in the css sheet and added the following (adding my image url appropriately):

#header { max-width: 1140px; margin: 0 auto; width: 100%; height: 200px; background: url("replace-wth-full-image-url") no-repeat scroll 0 0 transparent; }

I dropped this code just before the responsive design section starts on the style sheet.  And the site looks as it does.  Still lost.  Sorry for the trouble !

[sterman7]

There is also this bunch of code after the header in the css sheet:  Should this be history too?

 

/* Image Header - Partial Width
------------------------------------------------------------ */

.header-image #title-area,
.header-image #title,
.header-image #title a {
display: block;
float: left;
height: 68px;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 265px;
}

.header-image #description {
display: block;
overflow: hidden;
}
/* Image Header - Full Width
------------------------------------------------------------ */

.header-full-width #title-area,
.header-full-width #title,
.header-full-width #title a {
width: 100%;
}

[sterman7]

Brad,

 

Here is what is in my header currently.  I removed what you said to in your tutorial but some of this other stuff I was not sure of.

 

/* Header
------------------------------------------------------------ */

#header .wrap {
min-height: 68px;
}

#title-area {
float: left;
width: 45%;
}

#title {
background: url(http://marketandeconomy.com/wp-content/themes/eleven40/images/logo.png) no-repeat;
border-top: 0;
display: inline-block;
font-family: verdana;
font-size: 30px;
line-height: 1;
min-height: 68px;
margin: 0;
padding: 18px 25px 17px;
position: relative;
text-shadow: 0 1px #96430d;
}

#title a,
#title a:hover {
color: #fff;
text-decoration: none;
}

#description {
display: none;
}

#header .widget-area {
float: right;
width: 48%;
}

[sterman7]

Brad,

THe link to the image is:

 

http://marketandeconomy.com/wp-content/themes/eleven40/images/logo.png

The letters are white so they show on a black background like the top of my site.

[sterman7]

Indeed it did.  Now, I am stymied as to what is inhibiting my small logo from filling the space that the eleven4o header used to occupy.  When one scrolls over the area that should show the eleven40 text/image there is still a hyperlink there but nothing shows.  By my estimation my transparent background PNG image should be there.

[sterman7]

I have tried a mix of Brad's recommendations as well as anitac's in both of the above linked threads/instructions.  My site is close but I cannot seem to get my logo.png to show in the space where the usual eleven40 image shows.  What am I missing?  http://marketandeconomy.com

[sterman7]

Brad,

Thanks for the reply.  I spent all afternoon on the instructions with the link you referenced.  I simply want to have a small logo fill the space that is currently occupied by the blue textured rectangle.  The thread I referenced from anitac seems like it should work for me where your write up seems to be for someone that wants to remove the header.  I am just looking to use the space that the blue textured rectangle is taking up.

[sterman7]

Thanks!!

[Author]

Posts