Updated on February 01, 2016
In this article I share one way in which h1.entry-title can be removed from its default location inside .site-inner and moved to below header in Genesis on single entries and static Pages.
The code also takes care of displaying and relocating headline and/or description (if present) on
- category, tag, taxonomy and date archive pages
- author archive pages
- custom post type archive pages
- search results pages
Before:
After:
In this example the active theme is Parallax Pro.
Add this in functions.php:
Another great trick. Looks amazing.
I’m already using your instruction in my blog (www.blastedcreatives.com).
Not looking good on mobile (iphone5). Title not centered and no color background on single posts. The post date and author are to much close to the post text. One suggestion: put the date and author below the Title.
Regards
Any URL where I can see the problem?
Done. Updated the code.
Hello again Sridhar,
I’ll activate the necessary code again. I’ll send you feedback as soon as possible.
Keep the good work!
Please check http://www.blastedcreatives.com/chineasy/ on mobile (iphone5 with chrome). i don’t have an ipad here…and i don’t know how it looks.
I do not find the suggested CSS code added in http://cdn.blastedcreatives.com/wp-content/themes/parallax-pro/style.css.
Hello again Sridhar,
Amazing. It’s working…thank you so much for the inspiration.
Regards,
Guga
The post info is not displaying the author name, which makes sense as it’s outside the loop. Do you have an idea of how to fix this before I start diving into it?
Working on something very similar, with the addition of the authors avatar next to the post title as well – which I also haven’t figured out how to call outside the loop.
Any advice you have would be great appreciated!
To get author details outside of the loop, you can use a snippet similar to this
post_author;
?>
Then it is possible to us the_author_meta:
PHP code was removed…
Here’s how to obtain and get the author ID outside the WordPress loop:
global $post;
$author_id=$post->post_author;
Then it is possible to use the_author_meta:
the_author_meta( ‘user_nicename’, $author_id );
http://sridharkatakam.com/how-to-add-a-featured-image-background-parallax-section-on-single-posts-in-parallax-pro/ has sample code which provides answer to your question.
Dear Mr Sridhar
Thank you for this post!! I have tried so many things already. This works! The only thing is, I have different background images for different pages instead of the one solid background color. I replaced the background color in CSS with the one image URL, and it looks perfect but now it is the same background image on all the pages. What would be the best way for me to specify the other background images for it respective pages?
Regards
Amanda
http://www.sridharkatakam.com/different-backgrounds-different-pages-posts-wordpress/
Hi Sridhar,
Thank you for replying to my comment. I realized I wasn’t specific enough in my question. What I meant to ask is how do I specify if there is a background image for the H1 entry only – like a banner image with the page title.
In the end I specified the image for the specific pages in CSS like so:
.page-id-33 .entry-header-wrapper {
background-image: url();
background-repeat: no-repeat;
}
Thank you again for an user friendly, resourceful website.
Regards,
Amanda
Would it be possible to have this work for everything except single post pages. For instance on archive pages (tag, category), blog etc …?
Ok figured it out changed is singular to is page and removed is singular (post)
[…] genesis full width entry header […]
[…] Reference: http://www.sridharkatakam.com/relocating-entry-title-header-genesis/ […]
Nicely done Sridhar!
Very useful.
Thank you very much.
Can I have the “genesis_post_info” not immediately below the “entry_title”?
It may be placed just before the entry_content.
Regards
This looks fantastic on my Agency Pro theme. I’m having trouble getting the author information to display. The underlying code has some references to author, but it looks like a generic link to the author page and not the author of the article.
http://www.everythingandroid.org/bodacious-bokeh-google-camera-app/
Thanks!
Hi Sridhar,
I applied the code as per your tutorial and it works as shown. However, what if I don’t want to show this on my home page? Which line should I change in the given snippet to achieve the result.
Also, after implementing code, I notice a while space between the entry header section and the rest of the page. Can that be fixed as well?
My site is http://www.seo-contentwriter.com
Thanks in advance! Your help is much appreciated.
Susanta
Hi Susanta,
i have the same question concerning the title on the home page. have you been able to solve this already?
Hello,
this is a great tutorial!
It leaves just one question for me: How can I add this to the WooCommerce Pages?
Hints or answers would be much appreciated.
Thank you!
Thanx for this tutorial. Was just what i was searching for.
The only thing which isn’t properly working now is the following:
I use the page “home” as my static homepage (within dynamic website builder). Before adding the code of this tutorial the title of this page wasn’t shown on the static homepage.
Now it’s there. But why an how can i remove the title of the page “home” from the static homepage.
Thanx for your reply
Roland
Hi Roland,
I managed to do this by not displaying the wrapper:
.page-id-68 .entry-header-wrapper {display: none;
}
hi Sridhar, is it possible that the code could conflict with bbpress? While configuring bbpress, the root forums page and the search page don’t show the title below the header. The page that I created with the shortcode [bbp-forum-index] functions perfectly. Also when I read or post topics. So pages following the page I created. Only when I use pages created by bbpres, this does not seem to work. Logical?
Any suggestions in what I can do?
link: https://bfgv.nl/forums/onderwerp/dit-is-ook-een-test/
This is the link to the search page: https://bfgv.nl/forums/zoeken/test/
The code is not written to do the entry title relocation on CPT archive pages and search results pages. If time permits, I shall work on it and add a reply.
Hi Sridhar, I’m using this on a site I’m building at the moment
http://www.encycle.shapedesign.com.au
Works like a treat!
Although I’m having an issue with it not showing on the second page of the post archive:
http://www.encycle.shapedesign.com.au/category/news/page/2/
Also I’ll need to get it working on Search Result and CPT archive pages .
Looks like they may be provision for CPT Archive pages but maybe I need
http://www.encycle.shapedesign.com.au/type/case-studies/
Any help would be greatly appreciated.
Cheers
I just removed
if ( get_query_var( ‘paged’ ) >= 2 )
return;
From the //* Relocate titles on Category Archive pages function an that fixed the Second page of the post archive.
Thank you so much for this – it is exactly what I was looking for – just one thing (and my site is on a local development server so I cannot post an example) – on the custom post type archive page – it relocates the archive title beautifully – but it repeats the archive title / description in the content section. What code do I need to add in order to remove that second instance of the cpt archive title/description?
Hi there Sridhar!
I wanted to relocate titles in order to display masonry style layout.
Everything worked properly, but when the title is relocated for search results and WooCommerce is active and try to search products ‘genesis_do_search_title’ and DEBUG mode is true it returns the following Warning message: call_user_func_array() expects parameter 1 to be a valid callback, function ‘genesis_do_search_title’ not found or invalid function name in…
Any idea on how to fix this? I tried to create a conditional to check if WooCommerce is active, but it didn’t worked for me.
Any help will be appreciated! Thanks!
Can you provide the URL of your site?