Remove Meta's Inline-block

[Tracie Schmitt]

Hello,

My page is http://www.ridgemotorsportspark.com/ReDesign2/event/test-event/

On the event details meta, the text after : is to far apart because it is set up as display: inline-block;

How can I move the text after : to next to the : and not that much further apart?

Thanks

[Geoff]

Hi Tracie, nice to see you again!

The layout for your event is coming together nicely. 🙂

It looks like the theme styles are telling the meta labels to fill 45% of the space, which is causing the separation to be that far apart.

I dug into your stylesheet a little bit and it was admittedly tough to find the exact line of CSS to modify. The theme seems to have created it’s own custom CSS classes and they’re a little tough to parse out.

That said, please give this a try by adding it to your theme’s style.css file or using the Simple Custom CSS plugin:

#tribe-events-content.tribe-events-single .cmsmasters_single_event_meta .tribe-events-meta-group .cmsmasters_event_meta_info .cmsmasters_event_meta_info_item .cmsmasters_event_meta_info_item_title {
width: 25% !important;
}

Hopefully that does the trick. If not, I’d be happy to try again but (and I know I’ve mentioned this in another thread) the theme author will likely be much more effective to support the custom code.

Thanks!
Geoff

[Tracie Schmitt]

It worked! Thanks a lot Geoff!

[Geoff]

Yay! That’s so awesome! I was really hoping it would do the trick and I’m stoked to hear it did. Thanks so much for following up to let me know. 🙂

Cheers,
Geoff

[Author]

Posts