Full Screen homepage without post

  • Hi and keep up the wonderful work!

    i love your theme but have one question:
    how am i supposed to change the css in order to make a fullscreen image like featured image, BUT without the post…

    i just need a homepage, with fullscreen image or featured image and footer. That’s it. No div for the post, not div for nothing. Just an image.
    I have made a child theme, so i guess i have to copy-paste the file that contains the content, and on my new file, delete any divs. Am i right?

    thanks in advance!

    • This topic was modified 8 years, 2 months ago by alexe83.
Viewing 15 replies - 1 through 15 (of 19 total)

  • You can select to use a static page instead of a blog page for your home page. Then all you need to do is copy your image tag into the page with the page editor.

    Hey guys, I tried this but I can’t make the image go edge to edge or do the slow scale up scale down like a featured image. Did you get it working?

    @starkz, can you share a link to your site/page? Maybe you just need some CSS to make the image expand to the edges.

    Hey man, thanks for the fast reply. Here’s a link to the site : https://www.sector5.com
    What I’m actually trying to do is get rid of the white bar at the bottom of the page, so the image takes up the full page and nothing else. Any idea?
    Appreciate any help!

    Go to Appearance → Customize → Additional CSS and copy & paste these two rules:

    
.home #content,
.home footer {
  display: none;
}
.home .site-header-image {
  margin-bottom: 0;
}

    Thanks so much for your help – but for some reason I can’t see an Additional CSS tab/option in the Customize menu?

    Scratch that. Had to update WordPress. Brilliant. Worked perfectly!
    Thank you very much!

    Are you running WordPress 4.7.2 or above? That’s a new WordPress option as of WP 4.7.2. You can also install a Custom CSS plugin if you don’t want to upgrade your WordPress version (although you really should because there are some important security patches that went in with 4.7.2).

    Ah, OK, great, glad it worked. And good thing you updated your WP version.

    @crouchingbruin the code you provided above worked like a charm. The only problem is it removed the sidebar navigation from my homepage. Any thoughts on getting the sidebar navi back while still removing the footer?

    Thank you.

    @alanaj7, can you please post a link to your site? Thanks.

    @crouchingbruin thank you for following up with me. Here is a link to my site:
    https://go2l.ink/1jhA

    @alanaj7, try changing this rule:

    
.home #content,
.home footer {
  display: none;
}

    to this:

    
.home #primary,
.home footer {
  display: none;
}

    That is, change #content to #primary.

    @crouchingbruin It worked! Thank you so very much.

    Two last questions, I’d like to know how to turn off the pulse/zoom animation on the homepage and then add a call to action text and button to the homepage featured image. Like this example: https://bliccathemes.com/farmvilla/wp/v4/

    I’ve looked through the theme and tried a few custom CSS codes but none have worked. Granted I’m not a coder. Also, I’ve been searching for over a week for a plugin to add the call to action to the homepage featured image but no luck there either.

    Can you please point me in the right direction? Thank you again for your help. I really appreciate any assistance you can provide.

    To remove the animation, add this rule:

    
.site-header-image .section-image {
   animation: none;
}

    As far as adding a call to action text & button, you are probably going to have to create a child theme and add some code to a copy of the header.php file, but I am not familiar enough with this theme to be able to tell you exactly how to do it.

Viewing 15 replies - 1 through 15 (of 19 total)
  • The topic ‘Full Screen homepage without post’ is closed to new replies.