Background of details on Singe Event page not large enough

[Robert Lee]

Hi there,

We’re excited to be using our product and go-live soon with our event calendar.

I have created an event and added some ticket descriptions for the different tickets we setup. When I view the event, the text for the ticket description is going outside of the border of the right-hand side “details pane” (not sure its official title…)

This can be seen here: https://crystalashram.com/?post_type=tribe_events&p=26636&preview=true

How do I either increase the background size or edit the font so it fits? I guess it’s pulling the font size from my theme options as I didn’t set it anywhere.

Second, how can I change the colors of the “up” and “down” buttons and the “#” of tickets?? They’re really difficult to see and will certainly have an impact on people purchasing tickets to our events.

Thanks so much!
Leela

[Robert Lee]

I published the event, so you may not see it on the link I previously shared.

Here you go: https://crystalashram.com/event/a-magical-weekend-of-crystalline-connection/

[Geoff B.]

Good evening Leela and welcome back!

Thank you for reaching out to us.

We are sorry to hear about the ticket description going outside the box!
I would love to help you with this topic.

How do I either increase the background size or edit the font so it fits?

It looks like your WordPress theme is already using some template customization when it comes to displaying the tickets (normally they don’t display in that location).

The most flexible answer to that question is that you could tweak that very template customization.
You might want to read our Themer’s guide to get a sense of how that works.

If you want to “cheat”, you could use a CSS rule such as

.tribe-events-style-full .tribe-events-tickets td {
clear: both;
display: block;
width: 314px;
}

Second, how can I change the colors of the “up” and “down” buttons and the “#” of tickets?? They’re really difficult to see and will certainly have an impact on people purchasing tickets to our events.

You can do that through CSS too, here’s an example of a rule to do just that (you might want to adjust the colours).

.quantity .minus, .quantity .plus {
background-color: #000 !important;
}

.quantity .minus:hover, .quantity .plus:hover {
background-color: #333;
}

Let me know if that helps.

Have a great day!

Geoff B.

[Robert Lee]

Thank you Geoff! I will try your solutions and see how they work. Not sure if you already updated the block but it looks like the descriptions of the ticket are now displaying OK : ) still, I’ll double-check the width (probably via CSS as I am not too familiar or comfortable at this point with changing files).

Question about the updating the colors for the + and – … I seem to find that same color combo/situation elsewhere when I am going thru the event/ticket process. I am attaching a screenshot that has a white block and some impossible to read text about paypal and credit cards. Is there a general place that those font and background colors were setup that I can adjust? I also see it when I hover over my cart and see an item in there, there’s a tiny white box with that really light font.

[Geoff B.]

Good evening Leela,

Thank you for writing back.

Not sure if you already updated the block but it looks like the descriptions of the ticket are now displaying OK : )

I did not touch anything, so whatever happened, it wasn’t me 😉

Question about the updating the colors for the + and – … I seem to find that same color combo/situation elsewhere when I am going thru the event/ticket process. Is there a general place that those font and background colors were setup that I can adjust?

That’s a great question. Basically these are all WooCommerce related styles.
They are typically defined by your WordPress theme.

So the first thing I would do is look at your theme options and “Customize” menu.

There is a good chance you’ll have options to tweak colour of buttons and links, maybe specifically for WooCommerce.
Sometimes it’s about choosing between the “dark” and “light” options of your theme.

In any case, you can manually override every possible style via CSS.

Let me know how that goes.

Best regards,
Geoff B.

[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