[PatriciaM]

Hi!

I had a few technical difficulties when I tried to reply earlier, and I'm not sure if my post "took." So I apologize if this is redundant (I'm not trying to be a spammer, lol).

Anyway, long-story-short, this page may have the answer you're seeking:

https://wpism.com/display-featured-image-in-genesis-themes/

Hope it helps!

Patricia 🙂

[PatriciaM]

Hi Joe,

Hopefully you have already found the answers you needed. 🙂 If not, you may want to try the php snippet from this page.
_________________________________

`/* Code to Display Featured Image on top of the post */
add_action( 'genesis_before_entry', 'featured_post_image', 8 );
function featured_post_image() {
if ( ! is_singular( 'post' ) ) return;
the_post_thumbnail('post-image');
}
_________________________________

Alternatively, if you're not comfortable with php, you could simply add the image directly into the editor with the rest of your post content (in addition to the featured image) so that it displays on both your individual post AND your blog page.

Best WordPress Wishes,

Patricia

[PatriciaM]

You are absolutely right, it was a minification issue with my plugins - Fast Velocity Minification + Ninja Forms!

I'll try and play around with some of the FVM settings to see if I can resolve the issue, but if not, I'll figure out alternatives to one or both plugins.

Thank you so much for the advice!!

🙂 Patricia

[PatriciaM]

Hello Sridhar,

I have deactivated W3TC.

Unfortunately, the issue still exists, but it sounds like this may be step one in the process. 🙂

Thank you!

Patricia

[PatriciaM]

Thank you @VictorFont for the explanation and advice!

I've been trying to figure this out myself, and I think I've finally got both pieces of the puzzle:

1. Transparent background for site header on front page when using a logo (header image)
2. White background for site header on front page when scrolling down

Here is the CSS I used in the style-front.css

.front-page .site-header,
.header-image.front-page .site-header {
background-color: transparent;
border-bottom: 1px solid #a8a8a8;
}

.front-page .white .site-header {
background-color: #fff !important;
border-bottom: 1px solid #eee;
}

Note: I left the "border-bottom" line on the transparency because I like the look. But if you don't want a line then just put "transparent" there, too.

p.s. If you don't see the changes immediately, remember to clear your cache before refreshing. Sometimes I forget this step and I wonder why my code isn't showing up. 😛

[Author]

Posts