-
AuthorPosts
-
September 8, 2020 at 5:58 am #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.
September 10, 2020 at 3:44 am #1244707No replies???? I am paying extra for support
September 10, 2020 at 2:23 pm #1244927Hi,
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.
Best regards,
IsmaelSeptember 11, 2020 at 2:38 am #1245035So 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……
September 14, 2020 at 4:52 am #1245616Hi,
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,
IsmaelSeptember 15, 2020 at 2:36 am #1245900Yes 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;
}September 17, 2020 at 5:06 am #1246417September 18, 2020 at 6:36 am #1246646Hi,
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 -
AuthorPosts
- You must be logged in to reply to this topic.