Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1244162

    So I was an old Incarnation user and was able to create a new “sermon” and add the Facebook embed code for a video and it worked just fine.

    Now in the new Enfold theme I purchased I am not able to do it without a lot of white space and also the Magazine and Masonry content types dont display the image from the post? I can only show the image embed when using the blog post type and FULL content to inject the post on the homepage
    I included my staging site to show where images show and where they dont.

    Is there a way to use the masonry or the magazine and show the thumbnails of the Facebook videos like the full blog post option?

    Scroll down my page and you will see what I mean.

    Thanks!

    • This topic was modified 4 years, 2 months ago by IBCWebmaster.
    #1244707

    No replies???? I am paying extra for support

    #1244927

    Hi,

    Is there a way to use the masonry or the magazine and show the thumbnails of the Facebook videos like the full blog post option?

    Sorry for the delay. Unfortunately, this is not how posts element works out of the box. In order to show images in the Masonry, Magazine or any posts element in the builder, we have have to apply a featured image to the post. Please check the following documentation for more info about featured images.

    // https://developer.wordpress.org/themes/functionality/featured-images-post-thumbnails/#setting-a-featured-image

    Best regards,
    Ismael

    #1245035

    So I was able to do this with the incarnation site and also somewhat in the enfold site. See my links below.

    Top three show the lastest post and next 2 by date with the facebook video as the main image

    How do I remove the large amount of white space and the gray line from the post in the link to my staging site shown below ppv……

    #1245616

    Hi,

    Thank you for the update.

    We can remove or adjust the space below the facebook videos by adjusting the height of the iframe. The height of the iframes is set to 418px by default.

    .home #av_section_1 .entry-content iframe {
        height: 200px;
    }

    And to remove the gray lines, please use this css code.

    .home #av_section_1 .entry-content .post_delimiter {
        display: none !important;
    }

    We might also have to apply a unique ID or class name to the sections.

    // https://kriesi.at/documentation/enfold/add-custom-css/

    Best regards,
    Ismael

    #1245900

    Yes this has tightened up the space. Having trouble removing the gray bar though like you guessed.

    I had already applied a style to the section. What can be added to tighten the the whole section up and remove the gray line. Is there a way to show the date under the title in a smaller font in this style? The class is IBCHomepageSermons. What needs to be added?

    This is my style changes to far in quick CSS

    .IBCHomepageSermons {
    font-size: 11px;
    }

    .menu-item-top-level {
    height: 85px !important;
    }

    .FacebookStream {
    height: 275px !important;
    }

    .home #av_section_1 .entry-content iframe {
    height: 200px;
    }

    .home #av_section_1 .entry-content .post_delimiter {
    display: none !important;
    }

    #1246417

    ??

    #1246646

    Hi,

    Thank you for the update.

    The selector that we used for the gray line is not correct. Sorry about that. Please look for this code..

    .home #av_section_1 .entry-content .post_delimiter {
      display: none !important;
    }
    

    .. and replace it with:

    .home #av_section_1 .post_delimiter {
      display: none !important;
    }
    

    Best regards,
    Ismael

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.