[yardle]

in your style.css file replace

.site-title a,
.site-title a:hover {
	color: #555;
}

with

.site-title a {
	color: #555;
}

.site-title a:hover {
	color: #5b2f55;
}

and you should be good to go 🙂

[yardle]

Thanks Jackie!

[yardle]

Awesome. Thank you so much, Jon!

[yardle]

Thanks Julia! I recently installed Jetpack and would have never figured that out.

[yardle]

Hi Jim,

Can you please provide a link?

Thanks.

James

[yardle]

Adding this to your stylesheet should do the trick.

p.site-title{
width:100%;
font-size:16px;
text-align:center;
}

Hope that helps.

James

[yardle]

I'm seeing the same title across all pages. It says "Equine Assisted Psychotherapy Pam Billinge".

The only difference I'm noticing between the home page and the other pages is that the text "Pam Billinge" displays as two different font sizes.

Are you having trouble getting the proper text to display or are you having trouble getting the styling to be consistent?

James

[yardle]

I would recommend that you install the WP101 plugin on her site.

http://wp101plugin.com/

James

[yardle]

Looks great, Matt!

[yardle]

Hi Sridhar,

Your tutorial was immensely helpful. Thank you so much!

Is there something I can do to get my logo perfectly centered? It's close but not quite, and my background image dictates that it be right on.

If there's something I can do for the background image to be centered on mobile that would be very helpful as well.

URL: http://development3.jamesyardley.com

Thanks!

James

[yardle]

Thanks, Sridhar!

I found that blog post of yours shortly after posting here. Working on using your solution now but very much look forward to learning about the easier method as well.

Thanks for all you do!

James

[yardle]

Thanks again, Brad, for the helpful response.

I have no doubt that the problem is in the existing CSS. I just don't know CSS as well as I would like to and have basically learned most of what I know from helpful folks like yourself and troubleshooting my way through problems like this one.

I'm trying to duplicate the current live site: http://adirondackcreamery.com

The development site is: http://development3.jamesyardley.com

The nav.nav-primary div is outside the div.title-area at the moment. I'm not sure if I need to hook it inside that div somehow or if all my markup in place to accomplish the task with CSS?

James

[yardle]

Thank you so much for the helpful response, Brad!

I implemented the 2nd solution from your post and am happy to see that it's already more mobile responsive than what I had (I was going to tackle that problem later).

When you suggest using a new HTML 5 theme, will that accomplish something different than adding this to my functions.php?

//* Add HTML5 markup structure
add_theme_support( 'html5', array( 'search-form', 'comment-form', 'comment-list' ) );

Also, I'm still in need of some help getting my navigation where it needs to be. I'm trying to duplicate this: http://adirondackcreamery.com

If there's a way to position the Site Description using CSS like it is on the live site, that would help me out a lot too.

Thanks again for the help! I can't even begin to describe how awesome this forum is.

James

[yardle]

Thanks for the replies Kellylise and RavenManiac! Both have proven very useful so far!

James

[Author]

Posts