Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 7, 2022 at 6:47 pm #1339422
    mocreate

    Hi! I was wondering if I can set up a page to show the latest post at top as a hero image with headline and linking to that post:

    See the top of:
    https://www.dropbox.com/s/6nzrmjo07mogoie/Homepage.png?dl=0

    Looking at widgets, I was trying to customize the recent posts field but not sure how to make it work like that.

    —

    Also can I make the featured image look like a fullwidth hero image on individual posts. Screenshot here:
    https://www.dropbox.com/s/gxs23c1y8malvvy/Post%20w%20Addl%20Photos.png?dl=0

    —
    Loving Enfold and just renewed my support today for six months. Keep up the great work!

    February 8, 2022 at 7:38 am #1339529
    Ismael

    Hey mocreate,

    Thank you for the inquiry.

    Have you tried using the Featured Image Slider from the Media Elements tab of the builder? You should be able to display a post as a full width slider using this element.

    Best regards,
    Ismael

    February 8, 2022 at 8:46 pm #1339660
    mocreate

    Ismael,

    Many thank yous! The featured image slider is perfect — can’t believe I didn’t see this. :)

    Regarding individual post pages, is there a way to set the default blog entry (without having to build a custom post view in the builder) that would also go full width — screenshot at:
    https://www.dropbox.com/s/8tm03gttf20n3m9/Post.png?dl=0

    February 10, 2022 at 1:58 pm #1339979
    Mike

    Hi,
    To force the featured image full width on posts please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

    #top.single-post .big-preview.single-big {
  width: 100vw !important; 
  position: relative !important; 
  left: calc(-50vw + 50%) !important; 
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    February 10, 2022 at 6:47 pm #1340024
    mocreate

    Mike,

    Many thank yous — that worked wonderfully!

    Last question: how can I imitate the behavior of the transparent header bar from the homepage, on the blog pages, so:

    – transparent header
    – logo image changed to alternate (white on photo bgd)

    without having to set that on each individual post?

    • This reply was modified 2 years, 9 months ago by mocreate.
    February 11, 2022 at 1:22 am #1340062
    Mike

    Hi,
    Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

    add_filter('avf_header_setting_filter', 'avf_header_setting_filter_mod', 50, 1);
function avf_header_setting_filter_mod($header_settings) {
	if ( is_singular() ) {
		
		$header_settings['header_transparency'] .= " header_transparency";
		$header_settings['header_class'] .= " av_header_top av_logo_left av_main_nav_header av_menu_right av_custom av_header_shrinking_disabled av_header_stretch_disabled av_mobile_menu_phone av_header_transparency av_header_searchicon av_header_unstick_top_disabled av_minimal_header av_bottom_nav_disabled  av_alternate_logo_active av_header_border_disabled";
	}
	return $header_settings;
}

    Best regards,
    Mike

    February 11, 2022 at 7:32 am #1340076
    mocreate

    Perfect. Thank you!

    February 11, 2022 at 9:05 am #1340098
    Ismael

    Hi,

    No problem! Glad we could be of help. Please feel free to open another thread if you have more questions. We will close this one for now.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Hero image with title and excerpt on homepage, individual post pages?’ is closed to new replies.