Edit appearance of staff pages?

[Elizabeth]

Hi,

I would like the main staff page to include images for each staff member, AND the individual staff member pages to include their image only once, inside the post content and not above the title. I would like to remove author and meta data info from above and below the post. Essentially, I want these to look like pages as that is the nature of the content. What’s the best way to get this done?

I had to add featured images to my staff posts to make them appear on the staff page, but now when I visit the individual staff member posts, the image appears twice, once with the featured image above the title, again with the image I floated in the desired spot within the post. This looks pretty bad. I have tried using the Hide Featured Image plugin, but each time I save the post, the setting is turned off automatically and the image is still there.

I would also like to remove the author and meta data from these pages.

In addition to using plugins, I have tried adding the following custom css, using both the css editor within the theme, and the one within Jetpack. Neither has any impact.

.single-post .et_post_meta_wrapper > img{
display:none;
}

.entry-meta .byline, .entry-meta .cat-links {
display: none;
}

.entry-meta .posted-on {
display: none;
}

Can I safely edit the theme files in the child theme (after backing up, of course) according to these instructions? https://www.elegantthemes.com/blog/tips-tricks/how-to-remove-author-and-date-information-from-your-wordpress-posts
If so, which files contain the relevant code?

Thank you!

[Sushil Adhikari]

Dear Elizabeth,

To edit the theme template you have to be technically sound on WorPress.You might be creating staff pages from live composer page builder.So plugin to hide featured image is not working. You want to customize theme template then you can customize single.php template to get relevant solution.

Otherwise you can follow this css.

.single-dslc_staff #content article .entry-header .entry-image {
	display:none
}

.single-dslc_staff #content article footer.entry-footer {
    display: none;
}

.single-dslc_staff #content section.author-bio.clearfix {
    display: none;
}

Note: This will effect only on staff pages , If you wish to keep same setting on other single post then you can remove .single-dslc_staff selector for all css

Thanks

[Elizabeth]

Hi,

Thanks, I used the css solution and it worked for fixing the photo and the footer content. I am still seeing this underneath the title:

by Admin on July 6, 2017 in with Comments Off on Mike Lopez

Can I remove that with css?

Thank you!

[Elizabeth]

A few more items related to the staff page and profiles –

Why are they not full width? the huge amount of empty white space on the right seems odd. What’s the easiest way to get rid of that?

The page displays the staff member’s name twice, but not their title. Can I replace the second instance of the name with their title instead?

On the overall staff page, it should be an option to choose a custom order in which the staff thumbnails and intro text appear, but I didn’t see an option to do this. Did I miss it? Most companies want their staff to appear in order of the rank of their job titles, and it’s important to be able to update or add new profiles without disrupting the order of the rest of the page.

Respectfully, I feel like these are basic things that should be the default for a staff member profile that looks finished and professional. I would recommend incorporating them in future versions of this theme.

Thanks!

[Sushil Adhikari]

Dear Elizabeth,

You can remove the meta items by adding the following css inside your child theme’s style.css file;

.single-dslc_staff .entry-meta{
display:none;
}

Also your posts are not showing full width due to blog side bar widget. You can insert some widget items which appear sidewise. Else if you completely want to make the post look full-width please add the following css;

.single-dslc_staff #content{
width:100%;
}

Hopefully it works.

Note: This will effect only on staff pages , If you wish to keep same settings on other single post then you can remove .single-dslc_staff selector for all css.

Regarding staff thumbnails and intro text we shall keep that in mind in our further updates.Thanks for your suggestion.

Regards,
Sushil

[Author]

Posts