[jodzeee]

Did you check here?

Custom Body Class

<?php
//* Do NOT include the opening php tag shown above. Copy the code shown below.

//* Add custom body class to the head
add_filter( 'body_class', 'sp_body_class' );
function sp_body_class( $classes ) {
	
	if ( is_category( 'sample-category' ) )
		$classes[] = 'custom-class';
		return $classes;
		
}

[jodzeee]

The reason you can't see the items is because the text is the same color as the background. You'll need to change the text color or the background color.

[jodzeee]

Yes, but I did it by putting the logo in the excerpt and moving it up with negative margin above and margin below. However, that doesn’t work well as mobile/responsive.

I'm using the Genesis Featured Posts Combo plugin and found out I may be able to hook the logos in that way, but haven't had a chance to try that yet.

[jodzeee]

#title-area #title a is a separate rule. The only change to #title-area was to remove the padding and change the width.

Change that back to this (I think that's what it was before):

#title-area {
    text-indent: -9999px;
    float: left;
    width: 80%;
    display: block;
}

But then also add this as a new rule:

#title-area #title a {
    background: pink;
    display: block;
    height: 190px;
}

[jodzeee]

I don't think it matters, but I had put mine at the bottom, just before genesis();

Did you try the second method in Brad's tutorial instead?

[jodzeee]

You need to style #title-area #title a because that is the link.

First remove the padding and change the width to 80% on #title-area.

[jodzeee]

Hmmm ... I tested it on my development server and it works for me. Could it be a caching issue?

[jodzeee]

By default, the title area is set up to be clickable and go to the home page. There is a text-indent of -9999px that hides the text (which is currently set to your name), but the area itself is clickable and that's what we're formatting to be the right size/position. This is why I'm making the background pink, so that you can see the area you're dealing with.

Instead of splitting the image in two, you could use a similar approach and just have text in the right header and hide that, but still have a clickable link.

Just use Chrome Dev tools to find the right tag to format and play around with it.

[jodzeee]

Take the padding off the #title-area, change the width to 80%, and add:

#title-area #title a {
    background: pink;
    display: block;
    height: 190px;
}

The title is already clickable - what you're doing with the CSS above is styling the link so that it's the size and position you want to be clickable.

[jodzeee]

According to the tutorial, you are MOVING code, not just adding it. Did you add it to front-page.php and also delete it from functions.php?

[jodzeee]

Adjust the padding-bottom and margin in the flexible widgets (lines 1351 & 1357 of your CSS)

[jodzeee]

Since your (hidden) title is already a clickable link you just need to make it cover the area you want clickable. Try adding this to your CSS. You can get rid of the pink background, it's just showing you where the area is.

.header-full-width #title-area #title a {
    background: pink;
    float: left;
    display: block;
    width: 73%;
    padding: 60px;
}

You can use this CSS to make your (hidden) description fit in the area next to it. However, it's not clickable by nature, so you'll need to see if you can modify that.

#title-area #description {
    background: slateblue;
    display: block;
    float: right;
    padding: 76px 0;
    margin-right: 50px;
    width: 21%;
}

Brad Dalton has a tutorial that might help you make it clickable. I did not try it myself.
http://wpsites.net/web-design/add-custom-font-clickable-site-description-with-link/

Something else you might try is to to add a "Header Right" widget, add the link to that, and style it to fit in that area.

Hope that helps!

[jodzeee]

Brad Dalton has a tutorial that should help you.
http://wpsites.net/web-design/display-agency-pro-background-image-only-on-front-page/

[jodzeee]

Try styling the container something like this:

 .button-container {
    position: absolute;
    bottom: 0;
    left: 0;
  }

Here's an example:
http://www.cssdesk.com/bzKyF

[jodzeee]

Try setting the image to width: 100%; instead of max-width: 100%;

[jodzeee]

You could put it in a widget and style it as fixed ... something like this:

<a href="#" class="button custom-class">Back to top</a>

.custom-class {
        position: fixed;
}

[jodzeee]

Try using this plugin instead. It has the option to enable or disable the image link.
https://wordpress.org/plugins/genesis-featured-page-advanced/

[jodzeee]

Here's where you'll find the code to customize your footer. You can also use a plugin to make it easier.

https://my.studiopress.com/snippets/footer/

[jodzeee]

Oh, sorry about that misunderstanding. So you're saying you want the thumbnails to show up ONLY on the blog archive and not any other category archives?

You might consider creating a custom template for your blog page.
http://wpsites.net/wordpress-tips/create-custom-category-archive-page-template/

Otherwise you could try showing/hiding using CSS
http://wpsites.net/web-design/remove-featured-image-css-code/

You'd have to turn the featured images on in settings, then do something like this in your CSS

img.post-image {
    display: none;
}

.category-blog img.post-image {
    display: block;
}

[jodzeee]

Or ... what happens if you simply enable thumbnails in the settings??

[Author]

Posts