[Resolved] Blog featured image

Home Forums Support Blog featured image

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #80912
    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

    #80919
    Tom
    Lead Developer
    Lead Developer

    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.

    #80940
    Erick

    Wow, that was simple! Worked perfectly. Thanks!

    #80942
    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?

    #81057
    Tom
    Lead Developer
    Lead Developer

    Hi Erick,

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

    .page-header-image-single {
          display: none;
    }
    #81062
    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!

    #81082
    Tom
    Lead Developer
    Lead Developer

    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;
    }
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.