Title: Storefront customization tutorial Last modified: August 22, 2016 --- # Storefront customization tutorial * Resolved [Bennn](https://wordpress.org/support/users/bennn/) * (@bennn) * [11 years, 5 months ago](https://wordpress.org/support/topic/storefront-customization-tutorial/) * Is there a customization tutorial to make someone’s website look like this [http://demo2.woothemes.com/storefront/shop/](http://demo2.woothemes.com/storefront/shop/) * Any tutorial released on modifications? especially for newbies. * Thank you. Viewing 12 replies - 1 through 12 (of 12 total) * [James Koster](https://wordpress.org/support/users/jameskoster/) * (@jameskoster) * [11 years, 5 months ago](https://wordpress.org/support/topic/storefront-customization-tutorial/#post-5540618) * We’ll be doing tutorial posts like this soon. In the mean time you can recreate that by just changing the header background color and a few text colors 😉 * Thread Starter [Bennn](https://wordpress.org/support/users/bennn/) * (@bennn) * [11 years, 5 months ago](https://wordpress.org/support/topic/storefront-customization-tutorial/#post-5540682) * Thanks so much James. I noticed that product categories image on the homepage on smaller and not as big as what you have on the demo, as I wanted, is there a way to make it look bigger? the image size I use is 290×390 pixel but there still display small. * Is there a way I can choose or customize the product category to display on the homepage? * How do I add the ad widget that display beneath the menu? * Thanks alot * Thread Starter [Bennn](https://wordpress.org/support/users/bennn/) * (@bennn) * [11 years, 5 months ago](https://wordpress.org/support/topic/storefront-customization-tutorial/#post-5540763) * I bought the Storefront parallax Hero but unfortunately could not download as there seems to be a download problem, I have sent a ticket on that and so waiting for response. * Please let me know how to make the product category page look bigger like that of the demo, its displaying too small. * How do I remove “Showing all of.. and the default sorting stuff on the product page * How do I reduce the product page font size * How do I reduce white space between logo and menu and then after menu? * Thanks a million. * [James Koster](https://wordpress.org/support/users/jameskoster/) * (@jameskoster) * [11 years, 5 months ago](https://wordpress.org/support/topic/storefront-customization-tutorial/#post-5540771) * Hi, * To increase the size of your product category images first increase the image dimension settings in WooCommerce. Then you need to regenerate your thumbnails using the [Regenerate Thumbnails](https://wordpress.org/plugins/regenerate-thumbnails/) plugin. * > How do I add the ad widget that display beneath the menu? * This is just a text widget that we’ve added some inline styles to. * > How do I remove “Showing all of.. and the default sorting stuff on the product > page * This is added by WooCommerce and to remove it will require you to remove the function which displays that content which is hooked into a WooCommerce action. Have a look at the docs for the `remove_action()` function here at wordpress. org. * Alternatively you could look at our Storefront WooCommerce Customiser extension, we’re adding this exact feature to the next release. * > How do I reduce the product page font size * Any specific area? I’m not sure why you’d just want to reduce the font size on one page? To do that you’d just need some custom CSS added to your child theme, though. Our Storefront Designer extension gives you more control over typography settings, if you’re interested. * > How do I reduce white space between logo and menu and then after menu? * You’ll need to add some custom CSS. * You can tweak the space beneath the header by using the `.site-header` selector. For the navigation use the `.main-navigation` selector. * Thread Starter [Bennn](https://wordpress.org/support/users/bennn/) * (@bennn) * [11 years, 5 months ago](https://wordpress.org/support/topic/storefront-customization-tutorial/#post-5540829) * Hi James, In reducing the white space between logo and menu and then after menu, you said ‘You can tweak the space beneath the header by using the .site-header selector. For the navigation use the .main-navigation selector.’ Please I cant seem to find the site-header selector, when I go to Appearance > customize, I cant seem to find any thing in the header and navigation to reduce the white space. * Please assist Thank you. * [dantwack](https://wordpress.org/support/users/dantwack/) * (@dantwack) * [11 years, 2 months ago](https://wordpress.org/support/topic/storefront-customization-tutorial/#post-5540907) * Hello, * Hiw can i change the size of the logo in the header. * [James Koster](https://wordpress.org/support/users/jameskoster/) * (@jameskoster) * [11 years, 2 months ago](https://wordpress.org/support/topic/storefront-customization-tutorial/#post-5540908) * [@dantwack](https://wordpress.org/support/users/dantwack/) please create a new topic. Your question is totally unrelated to this one. * Thanks. * [lindajerlam](https://wordpress.org/support/users/lindajerlam/) * (@lindajerlam) * [11 years ago](https://wordpress.org/support/topic/storefront-customization-tutorial/#post-5540909) * The categories do not display on the store homepage on the site [rapskullians.com](http://rapskullians.com). I’m stumped. They did show until I removed a dummy page as the homepage and set the store as the homepage. I have tried to reverse it but to no avail. I will eventually set the store NOT to be the homepage, but I need the categories back in any event. * Yes, there are products in each category, and each product is available. I have set the frontpage control, via customization, to show 4 categories, recent additions, and store inventory. ( I purchased the plugin), but only the inventory shows. Can someone shed any light? Thanks Linda * [lindajerlam](https://wordpress.org/support/users/lindajerlam/) * (@lindajerlam) * [11 years ago](https://wordpress.org/support/topic/storefront-customization-tutorial/#post-5540910) * Sorry, tried to edit but it sent me to a support page. Anyway, I got the categories back by resetting a dummy page as the home page; but then there is that pesky line across the screen. I gave the page a title and the line is still there. * I’d like to get rid of the dummy page, but I need the categories to show. * [wooassist](https://wordpress.org/support/users/wooassist/) * (@wooassist) * [11 years ago](https://wordpress.org/support/topic/storefront-customization-tutorial/#post-5540911) * hey [@lindajerlam](https://wordpress.org/support/users/lindajerlam/) for your issue, please post it on a different topic rather than reviving a thread that was already resolved. To learn more about this, please read [https://codex.wordpress.org/Forum_Welcome](https://codex.wordpress.org/Forum_Welcome) * [Listic](https://wordpress.org/support/users/listic/) * (@listic) * [10 years, 6 months ago](https://wordpress.org/support/topic/storefront-customization-tutorial/#post-5540916) * [@jameskoster](https://wordpress.org/support/users/jameskoster/) * > To increase the size of your product category images first increase the image > dimension settings in WooCommerce. Then you need to regenerate your thumbnails > using the Regenerate Thumbnails plugin. * I can change the sizes In Storefront, no problem. But it seems the max size I’m able to make the product images are 450px (Woocommerce > Settings >Products > Display > Single Product Image) * I guess there is a max of 450px defined somehow ? Do you know how to get around this? * Cheers, Mads * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [10 years, 6 months ago](https://wordpress.org/support/topic/storefront-customization-tutorial/#post-5540917) * [@listic](https://wordpress.org/support/users/listic/), Please don’t take over other people’s topics. Viewing 12 replies - 1 through 12 (of 12 total) The topic ‘Storefront customization tutorial’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/storefront/4.6.2/screenshot.png) * Storefront * [Support Threads](https://wordpress.org/support/theme/storefront/) * [Active Topics](https://wordpress.org/support/theme/storefront/active/) * [Unresolved Topics](https://wordpress.org/support/theme/storefront/unresolved/) * [Reviews](https://wordpress.org/support/theme/storefront/reviews/) * 12 replies * 7 participants * Last reply from: [Andrew Nevins](https://wordpress.org/support/users/anevins/) * Last activity: [10 years, 6 months ago](https://wordpress.org/support/topic/storefront-customization-tutorial/#post-5540917) * Status: resolved