How can I fix the spacing on this event listing?

How can I fix the spacing on this event listing?
http://oureclecticearth.com/events/

  • Joergen

    Hi Cheryl,
    You can fix the spacing by adding some css. You can address the No, maybe and I'm attending buttons by the following a.wpmudevevents-maybe-submit, a.wpmudevevents-no-submit, a.wpmudevevents-yes-submit. You can then add some padding to each or all of them, e.g. a.wpmudevevents-maybe-submit, a.wpmudevevents-no-submit, a.wpmudevevents-yes-submit {padding: 0 10px 0 10px;} .
    Hope it helps.
    Kind regards,
    Jörgen

  • Vinod Dalvi

    Hi @Cheryl,

    I hope you are well today and thank you for your question.

    You can increase the spacing between the events buttons by adding the following CSS code in the style.css file of your child theme or add it in your site using the following plugin.

    https://wordpress.org/plugins/simple-custom-css/

    .wpmudevevents-buttons a.wpmudevevents-no-submit {
      margin-left: 0;
    }
    .wpmudevevents-buttons > a {
      margin: 0 10px;
    }

    Best Regards,
    Vinod Dalvi

  • Vinod Dalvi

    Hi @Cheryl,

    It's displaying same on my test site showing same Events buttons for logged in users and non logged in users.

    I see on your site it's not displaying same because due to some reason the plugin file front.css is not loading for the non logged in users.

    To display the buttons same for logged in and non logged in users on your site, you can try using the following CSS code.

    a.wpmudevevents-yes-submit, input.wpmudevevents-yes-submit,
    a.wpmudevevents-maybe-submit, input.wpmudevevents-maybe-submit,
    a.wpmudevevents-no-submit, input.wpmudevevents-no-submit{
    	float: center;
    	color: #bd3328;
        cursor: pointer;
        display: inline-block;
        background-color: #e6e6e6;
        background-repeat: no-repeat;
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
        background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
        background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
        background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
        background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
        background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
        padding: 5px 9px 6px;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
        line-height: normal;
        border: 1px solid #ccc;
        border-bottom-color: #bbb;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        -webkit-transition: 0.1s linear all;
        -moz-transition: 0.1s linear all;
        -ms-transition: 0.1s linear all;
        -o-transition: 0.1s linear all;
        transition: 0.1s linear all;
    	text-decoration: none !important;
    }
    
    a.wpmudevevents-yes-submit, input.wpmudevevents-yes-submit{
    	color: #75ab24;
    }
    a.wpmudevevents-maybe-submit, input.wpmudevevents-maybe-submit{
    	color: #bd8728;
    }
    
    .no-touch .wpmudevevents-no-submit:hover{
    	background: #f5f5f5;
    }
    .wpmudevevents-list .wpmudevevents-maybe-submit,
    .wpmudevevents-list .wpmudevevents-yes-submit,
    .wpmudevevents-list .wpmudevevents-no-submit{
    	float: left;
    	margin: 0 10px 0 0;
    }
    
    .no-touch .wpmudevevents-maybe-submit:hover,
    .no-touch .wpmudevevents-yes-submit:hover{
    	background: #f5f5f5;
    }

    Best Regards,
    Vinod Dalvi