Background (featured) image does not display on Fullscreen Innovative blog

- 9 years, 10 months ago slingeraap
  Participant
  I would like a news page like this one: https://codeless.co/specular/portfolio2/?page_id=708 so I chose ‘Fullscreen Innovative’ in the Blog Config section.
  
  I imported your dummy data, I read the docs and watched your blog video, but my background image does not display. I made a post (and your dummy posts) and a blog page just as in your video, but the background image does not show. I chose a Featured Image for the post. But the image does not display as a background in the overview blog pages. Only it does display when you click on Read More to display the post itself.
  
  So how can the background image be displayed?
  
  This topic was modified 9 years, 10 months ago by Mirela. Reason: html tags
- 9 years, 10 months ago Mirela
  Participant
  
  Hello,
  
  Please go to file \includes\view\blog\loop-fullscreen.php and find this line:
  <article id="post-<?php echo the_ID(); ?>" <?php echo post_class('fullscreen-blog-article section'); ?> style="background-image:url('<?php echo esc_url(codeless_image_by_id(get_post_thumbnail_id()), '', 'url') ?>');">
  
  Replace with this:
  <article id="post-<?php echo the_ID(); ?>" <?php echo post_class('fullscreen-blog-article section'); ?> style="background-image:url('<?php echo esc_url(wp_get_attachment_url( get_post_thumbnail_id($post->ID) )) ?>');">
  This will make the featured image as background image in the fullscreen innovative style.
  
  Best regards!
- 9 years, 10 months ago slingeraap
  Participant
  
  Okay, thank you, this is working now! :-)
  
  Last question: How do I add the white block behind my text, such as in <span style=”color: #666666; font-family: ‘Helvetica Neue’, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px; background-color: #fbfbfb;”>https://codeless.co/specular/portfolio2/?page_id=708 ?</span>
- 9 years, 10 months ago slingeraap
  Participant
  
  Anybody there? :) The white transparent block on my text is missing from your example. How do I do that?
- 9 years, 9 months ago slingeraap
  Participant
  
  Hmmm, this is too bad. No replies… :(
- 9 years, 9 months ago Ruco
  Keymaster
  
  Hello,
  
  Sorry for the late response.
  
  You can set it here https://www.clipular.com/c/5080958253400064.png?k=epqf9Syn6fnKEiUOfQZmvQAr-C0
  
  Best regards!
- 9 years, 9 months ago marian
  Participant
  
  Expired
  
  Hey,
  
  I have the same problem with Background (featured) image does not display on Fullscreen Innovative blog. Unfortunately I cannot apply your solution because file <span style=”color: #393d40; font-family: ‘Open Sans’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;”>loop-fullscreen.php simply does not exist. Neither in WP Editors part or using My FTP file access. (no View, no Blog folders)</span>
  
  So how can I fix this problem? In fact, there is a problem within each part of your Theme I work with. Looks like very badly crafted theme…
  
  Looking forward your very very soon reply ;)
  
  Marian
- 9 years, 9 months ago marian
  Participant
  
  Expired
  
  Looks like I found the file. So it is OK now.
  
  Marian
- 9 years, 9 months ago marian
  Participant
  
  Expired
  
  Hi, there is another problem probably caused by the code change in loop-fullscreen.php file.
  
  There is a gap between row background and main (top) navigation menu. What more, I need to put a row background under transparent main (top) navigation menu.
  
  Screen: https://grab.by/IX5E
  
  Need to fix this problem asap.
  
  Thanks,
  
  Marian
- 9 years, 9 months ago Mirela
  Participant
  
  Hello,
  
  To fix the position of the menu (too up) either update theme to it’s latest version (this is fixed there) or apply the css code i gave you in another topic of yours. The edit made to the loop-fullscreen.php is not related to the menu and it can’t affect it. To have a background image under menu, you need to add page header. The menu bar it’s not a regular row, so you can’t put a background under it with Visual Composer.
  
  Best regards!

Viewing 9 reply threads

You must be logged in to reply to this topic.

Community Forums

Background (featured) image does not display on Fullscreen Innovative blog

Site Links

Useful Articles

Login