Date and Price on the same line

[Corey Ritter]

We’d like two separate lines for date and price. How can we do that? It was that way before at one point.

See link and screenshot
http://bodydesignuniversity.com/event/personal-trainer-meetup-atlanta-2/

[Barry]

Hi there Corey,

Please note the amount of support we can offer with things like custom styling does tend to be limited, but I’d be happy to explore a few options with you 🙂

#tribe-events-content .tribe-events-schedule > h2 {
    display: block;
}

How about adding the above CSS to your theme, via the Appearance ‣ Customize ‣ Additional CSS option in the admin environment (or any other means of adding custom CSS you might prefer)?

[Corey Ritter]

Hi there, I tried out the code, but the display did not change.

[Barry]

Can you confirm where you added it, exactly? I’m not seeing it in place though I could easily be missing it (please also note that if you stripped it back out then it makes it hard for me to see where it is being added in the context of your site … and so adding it back so we can troubleshoot further would be appreciated).

Other things you can try:

• Adding the snippet to a custom tribe-events.css stylesheet
• Adding !important after display: block;

[Corey Ritter]

Does this screenshot help?

[Barry]

I don’t see a screenshot, unfortunately (if you replied by email I’m afraid they won’t come through automatically, you would need to log in to the forum and upload them directly).

[Corey Ritter]

I am not sure if you are seeing the screenshot. I have tried uploading it twice.

[Barry]

I’m afraid I’m not 🙁

• Perhaps you could upload the image to your site, or a file/image sharing site and drop the URL in here?
• If you are trying to share code, perhaps you could instead share it on a service such as Gist and again drop the URL in here?

[Corey Ritter]

http://bodydesignuniversity.com/wp-content/uploads/Untitled-4.jpg

[Barry]

Right now when I inspect the source of your page it looks like there is a typo:

#tribe-events-content tribe-events-schedule > h2 {
    display: block;important 
}

This should probably be (note the placement of the closing semi-colon and also the bang/exclamation mark – sorry for not being clearer about that earlier):

#tribe-events-content .tribe-events-schedule > h2 {
    display: block !important;
}

[Corey Ritter]

I’m afraid that did not resolve the issue!

[Barry]

Ah hah! There is a missing period: please edit your CSS and add a . character immediately before tribe-events-schedule … so that it looks like the following.

#tribe-events-content .tribe-events-schedule > h2 {
    display: block !important;
}

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts