Home>Support>Custom Header

Custom Header

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

I would like to add a custom header to the top of my product categories. Is there a way to do this? Maybe a plugin? Thanks

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Hi Joseph

    Unfortunately not without custom development. This isn’t something I’ve handled but I’d imagine you’d need a custom template for those pages.

    Perhaps a plugin out there for this but not that I’ve ever seen/worked with.

    Sorry I don’t have more here.

  2. 10 years, 11 months ago Joseph Skinner

    I found a plugin for that ! WooCommerce Category Banner

  3. 10 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Great news. Thanks for sharing that.

  4. 10 years, 11 months ago Joseph Skinner

    My pleasure !

  5. 10 years, 11 months ago Joseph Skinner

    This looks like the same idea that is in my template. Can I connect this plugin to the search for on the site?

    I found this on one of the WordPress plugin pages that you suggested.

    Search by Product Tag

    http://www.mattyl.co.uk/2012/12/14/woocommerce-wordpress-plugin-to-search-for-products-by-tag/

  6. 10 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Sure, give it a try. You can install from Plugins. It’s on the directory so you can search for it and install from Plugins > Add New.

  7. 10 years, 11 months ago Joseph Skinner

    I did install it however will it connect with the theme search form?

  8. 10 years, 11 months ago Joseph Skinner

    I does not look like he is still updating it anymore. Too bad that would have been a great fit! Do you suggest any that would be similar? Thanks!

  9. 10 years, 11 months ago Joseph Skinner

    Please add a item to the cart and let me know if you think the cart in the side bar looks right. Thanks

    http://naturalcoasters.com/product-category/thirstystone/collegiate/oc-gift-sets/

  10. 10 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Give this a try under Appearance > Custom CSS for the sidebar:

    /* WooCommerce */
    
    .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.cart_list li img, .woocommerce-page ul.product_list_widget li img {
    width: 100%;
    }

    Can you perhaps open a thread on Monday for integrating that WooCommerce search plugin. We’re really behind right now so I can’t look at it but chances are I can make a small edit to header.php in a child theme and send that through next week. So yeah a new thread on that topic on Monday perhaps.

  11. 10 years, 11 months ago Joseph Skinner

    Still not right. Also the recently viewed products does not look right either.

  12. 10 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Take the selector you just pasted in out and try this:

    /* WooCommerce */
    
    .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li, .woocommerce-page ul.cart_list li, .woocommerce-page ul.product_list_widget li {
    width: 100%;
    }
    
    .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.cart_list li img, .woocommerce-page ul.product_list_widget li img {
    margin-bottom: 10px;
    width: 100%;
    }
  13. 10 years, 11 months ago Joseph Skinner

    too big! it the text looks centered.

  14. 10 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    How would you like the sidebar to look?

  15. 10 years, 11 months ago Joseph Skinner

    the product images to be small and the text not to be centered. The layout does not look right. I should be able to install a widget and not have to be concerned with the styles since the template is supposed to be woo commerce ready!

  16. 10 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    There does appear to be formatting here. Remove the selectors we inserted and try this:

    /* WooCommerce */
    
    .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.cart_list li img, .woocommerce-page ul.product_list_widget li img {
    margin-right: 10px;
    margin-bottom: 10px;
    width: 50%;
    float: left;
    }
    
    .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li, .woocommerce-page ul.cart_list li, .woocommerce-page ul.product_list_widget li {
    width: 100%;
    text-align: left;
    }
  17. 10 years, 11 months ago Joseph Skinner

    Much better Thanks!

  18. 10 years, 11 months ago Joseph Skinner

    Now can I change the color of the menu text and change the font size and the font it’s self? Thanks!

  19. 10 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    The color of the menu can be set from Appearance > Customize. You can set the font and font size via Custom CSS;

    /* Vantage set menu font family and size */
    
    .main-navigation a {
    font-family: font-family: Arial, “Helvetica Neue”, Helvetica, sans-serif !important;
    font-size: 14px !important;
    }

    The font list is a stack of fall back options. Here is a resource to grab others:

    http://cssfontstack.com/

  20. 10 years, 11 months ago Joseph Skinner

    Thank you! Why was this not included in the customized section? Can I make the suggestion to have this added? Thanks!

  21. 10 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Super glad that helped. Thanks for your feedback.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More