WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Have a blank home page and have the footer always be at the bottom (7 posts)

  1. someguy1212
    Member
    Posted 1 year ago #

    I'm working on redesigning my website using wordpress and I ran into trouble with the home page of my site. I want to have it be a blank page, showcasing the background. Also I want to have the footer to be always at the bottom the site. I need help doing that.

    I want the back ground to be this.

    instead of this

  2. DJDoubleXL189
    Member
    Posted 1 year ago #

    What's the URL.

  3. DJDoubleXL189
    Member
    Posted 1 year ago #

    Anyway, I'm assuming you have a specific page marked as the homepage:
    Put this in there:

    <Style>
    .page-content {display:none;}
    </style>

    It might not be called "page-content", it all depends on the theme.

    Not sure how you'd make the middle area have some size to it though. You could also use the same function to keep the element and hide the background and title.

  4. Cole Geissinger
    Member
    Posted 1 year ago #

    If you are looking to only effect your homepage will need to customize your theme. Currently, the "content wrapper" is styled to always display a white box, you'll want to remove some code that will stop this from displaying.

    To completely remove all content from showing on the homepage, you'll want to edit your front-page.php (if it doesn't exist, duplicate your page.php and rename it to front-page.php). Open the file and remove all code between the WordPress loop which looks like this..

    <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
        ... Code inside the Loop is here ...
    <?php endwhile; endif; ?>

    Delete all of this code and upload the new file to your server and your home page shouldn't display anything on the homepage. Take note, this will only work if you have setup a static page as your homepage (IE Settings > Reading).

    If you wish to display content on this page at a later point, you'll have to reset all of this.

    As for the attaching the footer to the bottom, setting a fixed position with CSS to the bottom of the window on the footer wrapper will achieve it, but normally you'll need to tweak it further to really achieve your end goal.

    #footer { position:fixed; bottom:0; }

  5. someguy1212
    Member
    Posted 1 year ago #

    I'm working on this through server2go before I upload it on my server

  6. someguy1212
    Member
    Posted 1 year ago #

    it worked Cole Geissinger, thank you, the Home Page works and I'm tweaking the footer

  7. Cole Geissinger
    Member
    Posted 1 year ago #

    Awesome! Glad to help :)

Topic Closed

This topic has been closed to new replies.

About this Topic