Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

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

    • 9 years, 11 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, 10 months ago slingeraap
      Participant

      Hmmm, this is too bad. No replies… :(

    • 9 years, 10 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, 10 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, 10 months ago marian
      Participant

      Expired

      Looks like I found the file. So it is OK now.

      Marian

    • 9 years, 10 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, 10 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.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password