Storefront customization tutorial

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 ??

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

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.

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 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 www.ads-software.com.

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.

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.

Hello,

Hiw can i change the size of the logo in the header.

@dantwack please create a new topic. Your question is totally unrelated to this one.

Thanks.

The categories do not display on the store homepage on the site 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

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.

hey @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.www.ads-software.com/Forum_Welcome

@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

@listic, Please don’t take over other people’s topics.