How to create a beautiful fullscreen website with WooThemes Storefront

—

by

Jamie Marsland
in , , , ,

Following on from my Elegant Themes Divi fullscreen website tutorial, here’s one for WooThemes Storehttps://www.pootlepress.com/2015/09/how-to-create-a-beautiful-fullscreen-divi-website/front.

This tutorial uses the following plugins.

I’ve also used the free pootle page builder storefront child theme.

Here’s the video tutorial, and below that is the custom css you will need.

If you’d like to see a live example of this page click this link woothemes storefront fullscreen demo.

If you have any questions, please feel free to leave them in the comments below.

And here is the custom css you will need

Comments

9 responses to “How to create a beautiful fullscreen website with WooThemes Storefront”

  1. Sevda Avatar
    Sevda

    I really like the design. I just have a few questions. The page that was being edited, was it the home page? Also, how does the button work? I would have really liked to see where the button leads to.

    Reply
  2. Lem Avatar
    Lem

    Thank you Jamie for the informative and helpful tutorial. Would you by chance know how to remove the blank space below the bottom border (.hentry)?

    Reply
  3. Walfrido Avatar
    Walfrido

    Awesome. I was trying to do this the whole day with no sucess.
    Thank you. You rock!

    Reply
    1. Jamie Marsland Avatar
      Jamie Marsland

      Thanks Walfrido 🙂

      Reply
  4. Willay Avatar
    Willay

    Hi mate,

    I have a single line running across screen with header colour. Not sure how to address this.

    Reply
  5. BTphp Avatar
    BTphp

    Really helpful! keep the good work up! 🙂

    Reply
  6. BTphp Avatar
    BTphp

    I can’t make the header in my storefront themes to looks transparent by using your code as below.

    /* This makes the header transparent so that the background image shows through */

    .site-header {
    background-color: transparent;
    }

    Previously I have added an additional css in my themes so the header will stick on the top when i scroll the page down, is that affecting the transparent background color? could you help me with this please?
    Thanks in advance

    Reply
  7. nitormedia Avatar
    nitormedia

    Jamie, Thank you so much for the guidance – it looks beautiful – thanks to you!
    I had the same problem as BTphp and used Title Toggle for Storefront Theme to toggle it off.
    I also have same line as Willay – but I prefer the line. It looks good.
    Thank you.
    Cor

    Reply
  8. Brotes Avatar
    Brotes

    Great! Very Easy to use !

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *