Archived topic
Full width Featured Image with Post Title
8 replies · Started by Atmostfear on April 21, 2021
Hello,
We have tried multiple ways to change the look of WP Job Manager display of jobs, by searching on this forum for the featured image as a hero with title, and failed to accomplish it.
Here is one of the posts: New version
This is what we are trying to accomplish, however, with the title in the middle: Old version
Any assistance would be greatly appreciated.
Hi there,
Try this CSS:
body.job_listing-template-default.single .entry-title {
text-align: center;
}
Adding CSS: https://docs.generatepress.com/article/adding-css/
Let me know if this helps :)
Hello Leo,
It did not work as we are looking to make a full width featured image with the title of the post in the middle of it like a hero here while keeping the content contained.
Can you set the featured image location for posts to above content area first?
https://docs.generatepress.com/article/adjusting-the-featured-images/
Let me know :)
That will apply for all posts, however, what we are doing is to convert a multisite to a single install, styling areas individually.
For instance, Jobs the aim is the one described above, while our homepage looks like this and our online store like this, making it look like it was different sites, however, all under a single installation.
Hello,
Just wanted to follow up with this.
Thank you.
That will apply for all posts, however, what we are doing is to convert a multisite to a single install, styling areas individually.
For instance, Jobs the aim is the one described above, while our homepage looks like this and our online store like this, making it look like it was different sites, however, all under a single installation.
Not sure if I fully understand. Changing the featured image location for posts should not have any effects on the two pages you've linked as they are built with Elementor.
Can you explain a bit more?
If so we will need to use this filter here:
https://docs.generatepress.com/article/option_generate_blog_settings/#options-%E2%80%98single_post_image_position%E2%80%99
Yes, I will detail a bit more.
Currently, we do use Elementor, however, we are also slowly removing it and replacing it with GenerateBlocks, since there are many areas done with Elementor, this will take us some time.
In the meantime, we are styling areas such as Careers with different styles without using Elementor, that is why we would like to apply the Hero, full width with featured image, and title of the job posts centred, only on those specific posts without using the default to the entire site.
Let us know if you need any further details.
That case we will need to use the filter I linked above.
add_filter( 'option_generate_blog_settings', function( $options ) {
if ( YOUR_CONDITION_HERE ) {
$options['single_post_image_position'] = 'above-content';
}
return $options;
} );
Just replace YOUR_CONDITION_HERE with the desired condition that targets the job listings:
https://codex.wordpress.org/Conditional_Tags
Not sure about the plugin you are using but a lot of times the plugin's documentation will have a list of conditional tags you can use.