Alignment of event price

Deborah Petersen
Topic Author
Offline
Premium Member

More

7 years 2 months ago #112993 by Deborah Petersen

Alignment of event price was created by Deborah Petersen

When I enter an event price in the Price field it appears left aligned on the Coming Events page. (see Image 1) To get around that I entered "<center>$10.00 per ticket</center>" in the Price Text field. Then it looked center aligned on the page which is what I wanted. (see Image 2). However, when I do that the text is also centered aligned on the Details page which looks weird. (see Image 3). Is there a way to get the price center aligned on my Coming Events page but left aligned on the Details page?

Attachments:

Please Log in or Create an account to join the conversation.

James Riley
Offline
Platinum Member

More

7 years 2 months ago #112998 by James Riley

Replied by James Riley on topic Alignment of event price

Try entering the following in [ Event Booking -> Configuration -> Custom CSS tab -> Custom CSS field ]:

Code:

.eb-event-price-container {text-align:center !important;}

If this doesn't work, post the URL to your upcoming events page and I can make sure that I'm using the right CSS selector for your element.

James Riley .: EventBooking user since 2014 ::: JoomDonation user since 2016 :.
.: grfx & web design / IT / AV @ St. Therese Institute of Faith and Mission, Bruno, SK, Canada :.

The following user(s) said Thank You: Deborah Petersen

Please Log in or Create an account to join the conversation.

Deborah Petersen
Topic Author
Offline
Premium Member

More

7 years 2 months ago #113001 by Deborah Petersen

Replied by Deborah Petersen on topic Alignment of event price

I posted that line of code into the Custom CSS and it is still left aligned. Here is the URL: www.henryhansen.com/pbf/index.php
Thanks!

Please Log in or Create an account to join the conversation.

Tuan Pham Ngoc
Away
Administrator

More

7 years 2 months ago - 7 years 2 months ago #113007 by Tuan Pham Ngoc

Replied by Tuan Pham Ngoc on topic Alignment of event price

Hello

1. Remove the center tag which you entered in price text file

2. Add this custom css code to Custom CSS section in Events Booking

Code:

div.eb-event-price
{
text-align: center !important;
}

Then it should work as expected. If it still doesn't work for some reasons, please enable the super admin account of your site so that we can modify it directly on your site for you

Regards,

Tuan

Last edit: 7 years 2 months ago by Tuan Pham Ngoc.

The following user(s) said Thank You: Deborah Petersen

Please Log in or Create an account to join the conversation.

Deborah Petersen
Topic Author
Offline
Premium Member

More

7 years 2 months ago #113016 by Deborah Petersen

Replied by Deborah Petersen on topic Alignment of event price

That worked perfectly. Thank you!

Please Log in or Create an account to join the conversation.

Tuan Pham Ngoc
Away
Administrator

More

7 years 2 months ago #113038 by Tuan Pham Ngoc

Replied by Tuan Pham Ngoc on topic Alignment of event price

Great. Thanks for confirming. And again, thanks James for helping answering the question

Tuan

Please Log in or Create an account to join the conversation.

Moderators: Tuan Pham Ngoc

Powered by Kunena Forum

Alignment of event price

Support

Documentation

Information

Connect Us