Blog featured image

[Erick]

Ok, first – I’m new to the blog portion (started today!) but I built my website (http://7foxtrot.com) using your theme premium. I’ve also installed and activated all the add-ons. Additionally, I’m using SiteOrigin Page Builder plugin to help with the layout. My blog page is http://7foxtrot.com/bluf

Ok, when I use the SiteOrigin post carousel widget it doesn’t display an image (I know contact them) what I’m trying to figure out is how do I set a featured image in the posts? Again, I’m new to this so I’m not sure what I’m doing and I may just be missing something simple. I’ve tried adding a header image but that doesn’t work etc. I’ve also tried adding different posts loop widgets (using SiteOrigin Page builder) and it doesn’t put my posts up on the page correctly.

Please help.
Erick

[Tom]

Hi Erick,

Nice site 🙂

You can set a featured image like this: https://en.support.wordpress.com/featured-images/

Let me know if that helps or not.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Erick]

Wow, that was simple! Worked perfectly. Thanks!

[Erick]

Wow, that was easy for the picture on the front page using the widget. One issue is that the featured image is on the post now and it is huge! I turned it off in the setting but it is still showing up. Any suggestions?

[Tom]

Hi Erick,

You can add this CSS to remove the featured image on single posts:

.page-header-image-single {
      display: none;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Erick]

Tom,
That did it! Thanks.

Now just figuring out how to make my phone number show up on the header when on my iPhone.

Does it ever end? Ha Ha!

[Tom]

On the header?

You could use GP Hooks to add this in the “Before Header Content” hook:

<div class="display-on-mobile">
      123-456-7890
</div>

Then this CSS:

.display-on-mobile {
      display: none;
}

@media screen and (max-width: 768px) {
      display: block;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts