About Sridhar Katakam
I am an independent WordPress web consultant with 10 years of experience in WordPress theme installation, customization, administration, maintenance, support, documentation, troubleshooting and PSD/design to WP.
Genesis and WordPress Tutorials
Session expired
Please log in again. The login page will open in a new tab. After logging in you can close it and return to this page.
Hey, nice post. This was similar to the thing you did for the leader1 site. Very helpful. Keep in touch. Love reading your blog.
How do I alter the size of the featured image I need mine 625px height
Sorted it in case anyone else is being dumb
..entry-header-wrapper {
height: whateveryouwant;
}
Great Tutorial, How would I apply this to post as well
Again answering my own question if ( is_singular(array( ‘post’, ‘page’ ))
Hi is there a way to set a default image, so the client doesn’t have to in case they forgot how to
Any chance of an answer would really help – Thanks
Great tutorial. Works great. Had one question about tweaking the way the backstretch js works. Is there a way to have the backstretch maintain the same height proportionately on both desktop and mobile devices? Example: http://takeajourney.org/nextsteps/
Hello Sridhar,
Any advise on how to implement this in Dynamik Website Builder?
– Peter
I think it got it to work by dropping the code into Dynamik Custom, although I’m not sure about the the best way to enqueu the JS.
Now my question is what is the best way to line up the page title text to the content? I’ve faked it for the moment by using padding-left – but, of course, that is depends on width of the window.
– Peter
Hi! I can’t seem to get this to work on chrome, although it works fine in Firefox and IE. Any idea why?
Hello Sridhar,
On the blog page (not single blog posts), how could I get the blog page title to show with the background image but still display the title for each post. For me, the blog page loses post titles. I’ve tried all kinds of variations of code – and generally end up breaking my page output completely.
Page is http://amwarelogistics.flywheelsites.com/blog/ (user/pswd = flywheel/logistics)
I’m using Dynamik Website Builder
I have the same problem using latest genesis themes, post titles being removed and the post title being used as the page title on a CPT any help appreciated – Alistair
Hi Peter did you every find a fix for your problem as I am having the same issue regards Alistair
Managed to fix it its not 100% perfect but 99% so that will do for me incase anybody else wants to know the cpt that works id below you will have to do a bit of css to make work exactly for you but it works:
/** Create portfolio custom post type post_type_name */
add_action( ‘init’, ‘create_custom_post_type’ );
function create_custom_post_type() {
register_post_type( ‘post_type_name’,
array(
‘labels’ => array(
‘name’ => __( ‘post_type_name’, ‘Theme_name’ ),
‘singular_name’ => __( ‘post_type_name’, ‘Theme_name’ ),
),
‘has_archive’ => true,
‘hierarchical’ => true,
‘public’ => true,
‘rewrite’ => array( ‘slug’ => ‘post_type_name’ ),
‘supports’ => array( ‘title’, ‘editor’, ‘author’, ‘thumbnail’, ‘excerpt’, ‘genesis-seo’, ‘genesis-cpt-archives-settings’ ),
)
);
}
function add_portfolio_page_title() {
if ( is_post_type_archive( ‘post_type_name’ ) )
echo ‘Your Page Title Here’;
};
add_action(‘genesis_after_header’, ‘add_portfolio_page_title’);
// Add featured image to CPT post_type_name
function feature_image_header() {
if( is_singular(‘post_type_name’) && has_post_thumbnail()) {
genesis_image(
array(
‘size’ => ‘single-post’,
‘attr’ => array( ‘class’ => ‘alignleft’ )
) );
}
}
Sorry see amend below missed a bit out:
function add_portfolio_page_title() {
if ( is_post_type_archive( ‘news’ ) )
echo ‘Your Title Here’;
};
add_action(‘genesis_after_header’, ‘add_portfolio_page_title’);
Is there a simple way to add a default image that appears in the event that the user doesn’t add a featured image? Or if you’re displaying an archive page that doesn’t have a featured image setting??
Love this! Having a couple problems on some specific pages.
1.) on the blog page (http://lakeonedigital.com/blog/) it removes the entry title for each post )
2.) how do I get a featured image on the portfolio archive use portfolio CPT? (http://lakeonedigital.com/portfolio/)
3.) there is a brief delay in loading the image on desktop, anyway to speed that up?
all in all these tutorials rock my world. Just trying to trouble shoot these three glitches.
Any help with be appreciated. Thanks!
Can anyone help with where we’re supposed to upload JS files to in Dynamik?
I’ve tried uploads/dynamik-gen/theme AND uploads/dynamik-gen/theme/js
Neither work unfortunately.
Is there any reason these can’t just be added via the admin dashboard to custom/js ?
I managed to get post title up there but featured image doesnt move there as a background, can anyone help please?
[…] user in my Facebook group asked whether it is possible to implement How to display Page Title on full-width Featured Image in Genesis but using a image custom field instead of the featured […]
I’m new to your site – so far it’s very impressive :)!
I’m in the process of trying to implement into my site and for some reason the background image will not show; the font does but no image; any suggestions?
http://www.carrucoliandassociates.com/practice-areas/
Hey Sridhar,
Trying to darken the image by doing the following:
.entry-header-wrapper {
background-color: rgba(10,10,10, 0.5);
}
However I can’t seem to modify z-index. Any thoughts?
Replace the CSS in step 3 with http://pastie.org/pastes/10676343/text.
http://d.pr/i/DDnf
Is this code available anywhere?
I have updated the tutorial to add the code for dark overlay.
Really useful tutorial have used it on a site perfect. On new site I want the image but the title to remain in normal position. Is it easy to make this happen, many thanks.
Yes. Replace the sk_relocate_entry_title_pages() function code with http://pastie.org/pastes/10676368/text.
Anyone made that top image parallax?
See https://sridharkatakam.com/featured-image-background-parallax-section-on-posts-and-pages-in-altitude-pro/ for an example of what you are looking for.
Image won’t load on the page . Please help. http://www.firefalkerlabs.com/about
can’t open that webpage. Is the URL correct?
Opps type o http://www.firewalkerlabs.com
Has anyone resolved the issue of the titles on the blog pages disappearing? I need to resolve this and tried Alistair Mckenzie’s suggestions but I cannot get it to work.
I know an old posting but I’m using this setup. And would really like to know if there is a simpler solution to Alistairs – to solve Blog titles disappearing if you use a page as a blog archive. Many thanks.
You mean, a static Page on which you have applied the Blog Page Template? If so, that is not recommended for this very reason (the problem you are facing).
Set that Page instead as a Posts page at Settings > Reading.
Can you give that a try?
You can remove the title from specific pages.
/** Remove page titles from specific pages */
add_action( ‘get_header’, ‘remove_titles_from_pages’ );
function remove_titles_from_pages() {
if ( is_page(array(contact, about) ) ) {
remove_action( ‘genesis_entry_header’, ‘genesis_do_post_title’ );
}
}
And comment out this line.
// remove_action( ‘genesis_entry_header’, ‘genesis_do_post_title’ );
Hi Sridhar using this on current project, really works well – would appreciate t e ability to size the image even though backstretch in operation. To help client reduce file size.
I cant seem to intergrate the usual way ….
add_image_size( ‘singular’, 1920, 3500, true );
Very grateful for help, thank you.
I have tried,,by the way
add_image_size( ‘BackStretchImg’, 1600, 300, true );
Think I’ve sorted it …this works
genesis_get_image( array(‘format’ => ‘url’, ‘size’ => ‘BackStretchImg’) ) ) ) )
Has anyone sorted the issue mentioned a couple of times. “On a custom blog page archive (not single blog posts), how could I get the blog page title to show with the background image but still display the title for each post.”
Its this line that does it ……remove_action( ‘genesis_entry_header’, ‘genesis_do_post_title’ );
There was a complex solution mentioned by Alistair above – has anyone found a simpler method? Many thanks
Can you provide the URL of your custom blog archive page?
Hi Sridhar – will email you if that’s ok. Thanks