Tinjure20

Hi,

Try adding following selector:

@media screen and (min-width: 768px)
.site-content .woocommerce-breadcrumb {
  .woocommerce-breadcrumb {
    margin-bottom: 4.236em;} /* make changes here */
}

In my test site, I have used the following code to adjust paddings/margins & it works.

.site-content .woocommerce-breadcrumb {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    font-size: 0.857em;
    margin-bottom: 1.118em;
    padding: 0;
	}

If you want to remove breadcrumb altogether, you might have to remove the hook/filer (which I am not good at!). Thanks

Hi,

I am not a professional developer but have been playing around storefront theme as part of self-learning to customize my online store (under development).

In my case, I use all my customization in theme customization plugin developed by storefront theme author. The code snippets suggested by Stuart Duff (above) works just fine.

I hope this is helpful, otherwise please let me know.

Hi,

The theme author has discussed this issue – customizing storefront child themes – in documentation (eg. Galleria – storefront child theme). To make any customization he advises to use theme customization plugin which can be downloaded from GitHub link.

I am not a programmer but self-taught user and have been playing around with storefront theme. I use all my functions.php & css code changes in theme-customization plugin and it works without any issue.

By the way, if you review the discussion forum support threads archive, you will find this issue has been discussed several times.

I hope this would be of help to you.

Hi,
I had similar problem. But, after reviewing support forum threads, I commented out storefront parent style sheet import in my child theme as shown below and worked fine.

/*@import url("../storefront/style.css"); */

Give it a try, it might work for you too.

Thank You

Hello Stuart,

I am aware woothemes Storefront Blog Customizer, which I might use for my final product; here I was interested to understand the storefront theme’s structure & make some modification, if possible.

1. In storefront theme, storefront_post_thumbnail function (lines 254-259) is defined in template-tags.php file (lines 254-259), and thumbnail size is defined in line 256.

2. The storefront_post_thumbnail function is called in post.php line 241 and defined as ‘full’.

3. If possible, I wanted to modify the post_thumbnail size by adding add_image_size function in my child theme as something like shown in following example:

add_image_size('index-thumb', 960, 250, true);  /* for index pages  */
add_image_size('large-thumb', 960, 600, true);  /* for single post  */

My overall all intention was to have slightly smaller thumbnail images in index page and larger image in single post pages. Any help would be appreciated.

Thank You.

After some good research, finally I figured out myself.

Thank You

Hello James,

Thank you very much. I transferred the codes in WooThemes Theme customization plugin, the code work perfectly.

Great theme and a great forum support!

Thank You very much. You were right, James code worked when I added “!important” after padding value (eg. padding: 1em!important;).

Hello James,
Thank You. Great theme! & excellent support.

What I was referring was class “jk-primary-navigation” and if possible, I wanted to reduce its overall height. The code you suggested does not seem to work.

Any help would be appreciate. Regards

Hello Bojan,

Thank you very much for your prompt response. Yes, it worked and appreciate for your help.

Thank You. I have been making all my modifications using a child theme as suggested in woothemes documentation.

link DELETED.

I would like to retain the product sorting on the to (below Hoodings) but remove the bottom ones (shown above the footer bar).

I have been using Simone theme from Morten & his course at Lynda.com as main resources in my theme learning projects. My theme Pathivara is inspired by Simone but as part of my learning, I have modified its file structures significantly.

As suggested by Morten, I have successfully used WooCommerce support using WooCommerce documentation in my practice theme projects and is installed in my test site Pathiva-wc (still work in progress & in very early DRAFT stage).

My current working version of Pathivara theme (fully responsive but without woocommerce support) is being evaluated in my personal blog site Pauthake Blog.