Support » Plugin: Events Manager » Spacing issue

  • Hi,

    I noticed that there’s a big gap between the Title and the actual content for the “description” section of an event (I don’t know how you call that in WordPress, but it’s the area where you type in your content when you are writing a regular post or page).

    If you go here
    http://www.events.wavebix.com/events/just-testing-subscriber/

    you can see where it says More Info, there’s a gap between that and “Some Details Here”. If you look at all the other fields, there’s no gap (Date, Time, Location).
    There’s also a gap in Genres (which is Categories inside Events Manager, I just changed the title and taxonomy).

    Hope someone can help me with this.

    Thanks! ๐Ÿ™‚

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support angelo_nwl

    (@angelo_nwl)

    hi,

    do you have another event for us to see and analyze ?

    Sorry, I had to delete that “test event”, because I was about to launch the final version of the website.

    Here’s a new, official event:
    http://www.events.wavebix.com/events/3ple-tsunamiz-no-hollywood-spot/

    Thank you!

    Plugin Support angelo_nwl

    (@angelo_nwl)

    hi,

    I tried the link above and seems to be working fine?

    The website is working.
    The issue is the spacing between “More Info” and the description itself, in this case “Entrada a โ‚ฌ3 com direito a imperial. Venham beber uma connosco e ouvir boa mรบsica! ๐Ÿบ๐Ÿป”

    Compare it to the spacing between “Date” and “Sep 13, 2019 – Sep 14, 2019”.
    The spacing after “More Info” seems like a double space.

    It’s the only field that is behaving like that…

    Plugin Support angelo_nwl

    (@angelo_nwl)

    I think your theme is adding margins to the p tag; you can try something like

    
    p {
        padding: 0px !important;
        margin: 0px !important;
    }
    

    you can wrapped your single events page format in a div then use the css above to avoid overriding p tag css within your site.

    Hey @angelo_nwl

    It took me a while to reply… been super busy and wanted to focus 100% on this.
    Your tip helped me a little bit and then I had to figure out how to apply it.

    Since the single event is controlled inside the Formatting > Events > Single Event Page > Single event page format
    what I did was changing

    <p>
    	<strong>More Info</strong><br/>
    #_EVENTNOTES
    </p>

    to this:

    <p class="moreinfo">
    	<strong>More Info</strong><br/>
    #_EVENTNOTES
    </p>

    Then in the Additional CSS section I added your code with something extra:

    p.moreinfo {
       padding: 0px !important;
       margin: 0px !important;
    }

    And it works like a charm now! ๐Ÿ˜€

    Thank you so much for your help ๐Ÿ˜‰

Viewing 6 replies - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.