Title: Custom CSS For Header?
Last modified: August 30, 2016

---

# Custom CSS For Header?

 *  Resolved [semperaye](https://wordpress.org/support/users/semperaye/)
 * (@semperaye)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/custom-css-for-header/)
 * Hello again 🙂
 * For aesthetic purposes, on spreadshirt.com I have deleted the “Product name” 
   field so that the large black headers are gone from the plugin. I prefer the 
   smaller non-bold title that is just above the article description, for my purposes
   the large bold headers were redundant and didn’t look right.
 * With that being said, is there a way that I can reduce the margin of white space
   that is now present without a bold header with some custom css?
 * Thanx for the help, and for this plugin!
 * [https://wordpress.org/plugins/wp-spreadplugin/](https://wordpress.org/plugins/wp-spreadplugin/)

Viewing 9 replies - 1 through 9 (of 9 total)

 *  Plugin Author [Thimo Grauerholz](https://wordpress.org/support/users/pr3ss-play/)
 * (@pr3ss-play)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/custom-css-for-header/#post-6426726)
 * It’s not neccesary to remove the product name, your can just remove the display
   of it, which will reduce the margin too.
 * .spreadplugin-article h3 {display:none}
 * if its still too much margin:
 * .spreadplugin-article, .spreadplugin-article-detail, .spreadplugin-designs {min-
   height: 550px!important;}
 * (or a smaller value)
 *  Thread Starter [semperaye](https://wordpress.org/support/users/semperaye/)
 * (@semperaye)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/custom-css-for-header/#post-6426738)
 * Hi Thimo,
 * Thank you for the quick response. Neither of these codes worked to reduce the
   margin of white space.
 *  Thread Starter [semperaye](https://wordpress.org/support/users/semperaye/)
 * (@semperaye)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/custom-css-for-header/#post-6426744)
 * Also, what can I do to increase the space between products slightly? They seem
   to be way to close together from left to right, and not close enough together
   from top to bottom 🙂 Maybe that is what is causing errors with the cart icon?
 * [http://www.salamatphilippines.com/shop/](http://www.salamatphilippines.com/shop/)
 *  Plugin Author [Thimo Grauerholz](https://wordpress.org/support/users/pr3ss-play/)
 * (@pr3ss-play)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/custom-css-for-header/#post-6426757)
 * did you paste those codes in Custom CSS of spreadplugin?
 *  Plugin Author [Thimo Grauerholz](https://wordpress.org/support/users/pr3ss-play/)
 * (@pr3ss-play)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/custom-css-for-header/#post-6426761)
 * .widget a.button in style.css is overwriting it 🙂
    you could overwrite the appearance
   by overwriting all styles by it
 * basket button is:
 * .spreadplugin-checkout-link.button
 *  Thread Starter [semperaye](https://wordpress.org/support/users/semperaye/)
 * (@semperaye)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/custom-css-for-header/#post-6426783)
 * Yes I pasted both of those codes in the custom css of spreadplugin. I tried each
   one individually, and also both together. It didn’t do anything.
 * I wish I knew how to do css but I do not. So I will not be able to fix the basket
   button.
 *  Plugin Author [Thimo Grauerholz](https://wordpress.org/support/users/pr3ss-play/)
 * (@pr3ss-play)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/custom-css-for-header/#post-6426903)
 * paste this into custom css part of spreadplugin settings and your problem is 
   solved:
 *     ```
       .spreadplugin-article h3 {display:none}
       .spreadplugin-article {min-height:500px!important}
       .spreadplugin-items a.button {
       background:none !important;
       background-image: url("../img/buttons.svg") !important;
       background-repeat: no-repeat !important;
       background-size: 570px 240px !important;
       display: inline-block !important;
       height: 35px !important;
       position: relative !important;
       white-space: normal !important;
       width: 35px !important;
       border:none!important;
       box-shadow:none !important;
       padding:0!important;
       background-position: -350px -185px !important;
       cursor: pointer !important;
       min-width: 35px!important;
       float:right
       }
       ```
   
 * If you don’t know where, let me know.
 * Just a note:
    As CSS/Style modifications are required of every theme, because
   no one knows how every theme or template will overwrite plugins’ styles 😉 That
   why it’s commonly the users’ task to fit the plugin the themes’ needs. It would
   be very time consuming if everybody would ask me to do it, that’s why I’m taking
   donations when style/css modifications are required. Hope you understand.
 *  Thread Starter [semperaye](https://wordpress.org/support/users/semperaye/)
 * (@semperaye)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/custom-css-for-header/#post-6426906)
 * Thanx Thimo. I will donate if you can get it working for me, the custom css didn’t
   seem to work on my site. The square did go away, but still no basket icon. Should
   I email you?
 *  Plugin Author [Thimo Grauerholz](https://wordpress.org/support/users/pr3ss-play/)
 * (@pr3ss-play)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/custom-css-for-header/#post-6426936)
 * yes, because the css is modified for your website and must work 🙂

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Custom CSS For Header?’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/wp-spreadplugin_349cc7.svg)
 * [WP-Spreadplugin](https://wordpress.org/plugins/wp-spreadplugin/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wp-spreadplugin/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wp-spreadplugin/)
 * [Active Topics](https://wordpress.org/support/plugin/wp-spreadplugin/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wp-spreadplugin/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wp-spreadplugin/reviews/)

 * 9 replies
 * 2 participants
 * Last reply from: [Thimo Grauerholz](https://wordpress.org/support/users/pr3ss-play/)
 * Last activity: [10 years, 9 months ago](https://wordpress.org/support/topic/custom-css-for-header/#post-6426936)
 * Status: resolved