• Resolved semperaye

    (@semperaye)


    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://ww.wp.xz.cn/plugins/wp-spreadplugin/

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author Thimo Grauerholz

    (@pr3ss-play)

    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

    (@semperaye)

    Hi Thimo,

    Thank you for the quick response. Neither of these codes worked to reduce the margin of white space.

    Thread Starter semperaye

    (@semperaye)

    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/

    Plugin Author Thimo Grauerholz

    (@pr3ss-play)

    did you paste those codes in Custom CSS of spreadplugin?

    Plugin Author Thimo Grauerholz

    (@pr3ss-play)

    .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

    (@semperaye)

    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

    (@pr3ss-play)

    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

    (@semperaye)

    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

    (@pr3ss-play)

    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.