I would like to add line break between Date and Time line,

I would like to add line break between Date and Time line, Address line, and Description line.

How do I do it? Please tell me step by step, what file needs to be change and what line needs to be change how.

Thank you.

  • Vinod Dalvi
    • WP Unicorn

    Hi Yosuke,

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

    To add line break between Date and Time line, Address line, and Description line try adding the following CSS code in the style.css file of your child theme or add it in your site using the following plugin.

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

    #wpmudevents-single .wpmudevevents-location,
    #wpmudevents-single .wpmudevevents-date {
    margin-bottom : 10px;
    }

    Best Regards,

    Vinod Dalvi

  • Yosuke
    • Design Lord, Child of Thor

    Vinod,

    Thank you for your reply, and I applied the change and worked great.

    Maybe I didn’t explained well. I want to make line break after “November 20 2014” and before “10:00am to 12:00pm.”

    Can I also change the text “takes place on” to “Date :”

    And add “Time :” before the next line “10:00am….”

    How do I add and change icons on this information line?

    Thanks!

  • Vinod Dalvi
    • WP Unicorn

    Hi Yosuke,

    Thank you for your reply.

    Maybe I didn’t explained well. I want to make line break after “November 20 2014” and before “10:00am to 12:00pm.”

    To achieve this try using the following CSS code the same way as described in my previous reply.

    #wpmudevents-single span.wpmudevevents-date_format-start {
    display: block;
    float: left;
    margin-right: 5px;
    }

    Can I also change the text “takes place on” to “Date :”

    And add “Time :” before the next line “10:00am….”

    You can use our Ultimate branding plugin, it has a Network Wide Text Change module which will allow you to change text on your site to whatever you want.

    Or you can change this text by translating this plugin as described on the following page.

    https://premium.wpmudev.org/blog/how-to-translate-a-wordpress-plugin/

    You can also use the following plugin to translate it.

    http://wordpress.org/plugins/codestyling-localization/

    Alternatively translate it easily as described on the following page.

    http://ronangelo.com/change-or-translate-text-on-a-wordpress-theme/

    How do I add and change icons on this information line?

    You can change is by changing background image URL of the div having class “wpmudevevents-date” as following.

    #wpmudevents-single .wpmudevevents-date {
    background: url('http://events.sagelymphcaremethod.com/wp-content/plugins/events-and-bookings/img/018.png') 0 5px no-repeat;
    }

    Regards,

    Vinod Dalvi

  • Yosuke
    • Design Lord, Child of Thor

    Vinod,

    Thank you for your reply.

    I have another issue. Now my event pages don’t have maps.

    I have looked the settings it seems okay. It started happening(at least I remember) when I changed map size. I quickly change the setting back to original 300 x 300, but the map is still not showing

    http://events.sagelymphcaremethod.com/training/2014/11/training-cm/

    Could you take a look? I have support team access activated. so you can access.

  • Vinod Dalvi
    • WP Unicorn

    Hi Yosuke,

    I have troubleshooted it on your site and found the Pop up pro plugin is generating the following javascript error messages on all single events pages on your site which is causing the map not to work.

    Uncaught ReferenceError: _popup_data is not defined

    I can see if i set PopUp Loading Method to “Page Footer” then it’s working fine.

    I tried to reproduce the issue on my test site using the same settings that your site has but couldn’t reproduce the issue.

    May be any other plugin/theme is also conflicting with it.

    You can just try on your development site using default WordPress theme like Twenty Thirteen and deactivating all other plugins as displayed in the flowchart on the following page to know which theme/plugin is conflicting if any.

    https://premium.wpmudev.org/manuals/getting-support/

    Regards,

    Vinod Dalvi

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.