Feature Image Not Showing Up In Post Module

Beaver Builder
1

Hello,

I created a post that incorporates a feature image. I then created a blog page and edited it in BB.

No matter what setting I use (grid, feed or gallery) my feature image doesn’t show.

Is there a solution to this problem?

Thanks
Jerry

2

Hey Jerry,

Do you mind sharing the URL of the site in question so we can take a look?

Ben

3

Hello Ben,

  1. Yesterday I semi solved the problem. I went back to the WP section of the page and clicked on (in the bottom right hand corner) add feature image. Then I clicked on BB and went in an changed the post style to gallery.

Then the image showed up once I hovered my mouse over it with the title of the post on top of the image.

  1. But, before I clicked add feature image. I have had this post created for weeks in BB and the feature image was added in BB at that time. So, when I added a post module the feature image should have shown up without me adding the same image on the WP page creator, right?

  2. I also figure out yesterday that the page and posts must be created in and initial setup must be done in WP then transferred to BB. I could be wrong but I don’t think that that is anywhere in the knowledge base?

  3. Lastly, although the feature image now shows up in gallery. In feed and grid it shows up very large and blurry with no text on top of the image. Do I have to create different size categories for each image I upload and add?

  4. my site is catholicAlpha.com then click on Blog. The post should show up. I will change it to feed or grid so you can see how it is showing up.

Thanks

Jerry

4

Ben,

I just went and swapped between (feed, gallery and grid) The image now shows up properly with medium sized images and thumbnail for gallery.

Could you still take a look and answer the other questions in my post? As it seems my header is cutting off the title on the post module layout.

Thanks

Jerry

5

Hi Jerry,

The issue regarding your header cutting off your post title, is caused by the CSS in the Genesis Dambuster plugin. I have no experience with that plugin, but you should be able to alter the CSS that is causing the issue.

The CSS in question is as followed:

.gd-full-width, .gd-full-width .site-container, .gd-full-width .site-container .site-inner, .gd-full-width .site-container .site-inner .wrap, .gd-full-width .site-container .content-sidebar-wrap, .gd-full-width .site-container main.content, .gd-full-width .site-container main.content > article.entry, .gd-full-width .site-container main.content > article.entry .entry-content {
    max-width: 100%;
    width: 100%;
    background: none;
    border: 0;
    float: none;
    margin: 0 auto;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-box-shadow: none;
}

You can locate this in the full-width.css file in the Dambuster plugin.

Alternatively, you can override that CSS, by adding the following to you custom CSS.

.site-inner {
    margin-top: 170px !important;
}

Thanks,
Danny