Small CSS issues

[Christian]

Hi there Tribe!

1. I’m just finishing tweaking my Single Event Post Ticket sidebar and I wonder if it’s easy to put the Ticket Price on the line below the Ticket Name. You’ll see on this Event that has 2 Tickets, the prices are on both the same line and the line below dependent on the length of the Ticket Name. Is there a way of making the Price sit below consistently?

http://theweblounge.org/event/the-turning-of-the-age/

2. Can you perhaps give me the CSS to reduce the margin above TICKETS in the sidebar and reduce the margin below the ADD TO CART button? I can’t seem to work it out.

3. Finally, this is unrelated, do you have any experience of using a Deposit payment plugin with Event Tickets Plus? Would a developer be able to integrate WooCommerce Deposits into the Event Ticket Sidebar to offer Deposit or Full payment choices?

Thanks very much in advance. My Events site is coming along nicely. It is great to be able to set up different Tickets for the same Events!

Regards

Christian

[Nico]

Hey Christian,

Thanks for reaching out to us! While the support we can give to styling if pretty limited I’ll help you out on the quick things.

1. Is there a way of making the Price sit below consistently?

Try adding this CSS code to your theme or child theme stylesheet or via Simple Custom CSS plugin:

.tickets_name {
width: 100%;
}


2. Can you perhaps give me the CSS to reduce the margin above TICKETS in the sidebar and reduce the margin below the ADD TO CART button?

Same as above…

form.cart {
margin-top: 0;
margin-bottom: 0;
}


3. Finally, this is unrelated, do you have any experience of using a Deposit payment plugin with Event Tickets Plus? Would a developer be able to integrate WooCommerce Deposits into the Event Ticket Sidebar to offer Deposit or Full payment choices?

I’m not sure about this one. I guess the best way will be to try it out! Maybe a customizer can help you out integrating this if it doesn’t work by just activating the plugins.

Glad to hear your site is going well, hope the above can help you getting to the desired result 🙂

Have a great weekend,
Nico

[Christian]

Hi Nico

Many thanks for those tips. Once more small thing if I may:

Can you give me the CSS to target the ADD TO CART button in hover state? I’d like to style it like the rest of the WooCommerce buttons.

Many thanks

Christian

[Nico]

You are welcome Christian! Glad to of service 🙂

I’m not able to see the add to cart button on your event page, but for the default button the selector would be:


.add-to-cart > button:hover{
color: #000 !important;
}


Please let me know if this works for you and if it doesn’t please follow-up with an event URL where I can see this,
Best,
Nico

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts