A little CSS help

[karen]

I thought I had fixed this but I must have missed something or the cache did not clear.

.tribe-events-event-cost {
position: relative;
}

Relative appeared to work when I tested in in the Inspector. Please help.

[Geoff B.]

Good evening Karen and welcome back!

Thank you for reaching out to us.
I would love to help you with this topic.

What is going on is that your CSS rule does not have priority over the default one.

Try using the following CSS rule to your style.css file or in your Custom CSS metabox instead:

.tribe-events-list .tribe-events-event-cost {
position: relative !important;
}

Let me know how that goes.

Best regards,
Geoff B.

[karen]

Thanks Geoff, I should have thought of that. Is there a better way to do this? I would actually like it to the right of the title. Is that possible? Thanks much.

[karen]

Relative seems to work if there is a pic. Any suggestions?

[Geoff B.]

Good evening Karen,

Thank you for writing back.
I am glad you made some progress.

You are right. The relative rule works better when there is a featured image with the event.

Provided what you are looking for, I would highly recommend customizing the list view.
It is actually easier than you might think.

You might want to read our Themer’s guide to get a sense of how that works.

Could you please send me a copy of the latest version of your WordPress theme / child theme via a link to a .zip file link (stored Dropbox or Google Drive) so that I can run some tests on my end ? I recommend a private reply for that purpose.

Please ensure you are using the latest files as found on your actual website.
This way I will get access to any updates or customizations you might have made.

Best regards,

Geoff B.

[karen]

This reply is private.

[Geoff B.]

This reply is private.

[karen]

This reply is private.

[Geoff B.]

This reply is private.

[Author]

Posts