Using Chrome Firefox and mobile browsers I can no

Ryan Sullivan
Topic Author
Offline
New Member

More

9 years 3 weeks ago #95538 by Ryan Sullivan

Using Chrome Firefox and mobile browsers I can no was created by Ryan Sullivan

Using safari and mobile browsers I can not see the total payment amount it is too small please help... If possible to make all input area larger that may be best

engagesports.org/register

it is correct here however

ankenywrestlingclub.com/registration/awc...ividual-registration

HOw can I make the first site like the 2nd???

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

James Riley
Offline
Platinum Member

More

9 years 3 weeks ago - 9 years 3 weeks ago #95562 by James Riley

Replied by James Riley on topic Using Chrome Firefox and mobile browsers I can no

Add the following to the Customer CSS field in [Event Booking -> Configuration -> Custom CSS tab]

Code:

.eb-container textarea, .eb-container input[type="text"] {
	box-sizing: content-box !important;
}

EDIT: Oops -- I copy-and-pasted a block of code that was specific to another user's site (many extra selectors were included), and looks like iOS didn't even copy that right! I've revised and simplified the above CSS.

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 :.

Last edit: 9 years 3 weeks ago by James Riley.

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

Ryan Sullivan
Topic Author
Offline
New Member

More

9 years 3 weeks ago #95571 by Ryan Sullivan

Replied by Ryan Sullivan on topic Using Chrome Firefox and mobile browsers I can no

Thanks for the reply but I do not have a custom CSS tab... I am using a version that is a year old due to some customizations from Tuan... where else can this go?

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

James Riley
Offline
Platinum Member

More

9 years 3 weeks ago #95573 by James Riley

Replied by James Riley on topic Using Chrome Firefox and mobile browsers I can no

You can edit the custom.css file directly at /media/com_eventbooking/assets/css/custom.css
I took a look at your site (engagesports.org/register) now that I am in front of a desktop computer and not on my iPhone.

You already have a block of CSS that targets the right elements, we just need to add couple more rules to it. Just replace the CSS declaration that begins with
.eb-container .form-group select, .eb-container .form-group textarea ... with this:

Code:

.eb-container .form-group select, .eb-container .form-group textarea, .eb-container .form-group input[type="text"], .eb-container .form-group input[type="password"], .eb-container .form-group input[type="datetime"], .eb-container .form-group input[type="datetime-local"], .eb-container .form-group input[type="date"], .eb-container .form-group input[type="month"], .eb-container .form-group input[type="time"], .eb-container .form-group input[type="week"], .eb-container .form-group input[type="number"], .eb-container .form-group input[type="email"], .eb-container .form-group input[type="url"], .eb-container .form-group input[type="search"], .eb-container .form-group input[type="tel"], .eb-container .form-group input[type="color"] {
    margin: 0 0 10px;
    box-sizing: content-box !important;
    padding: 2px 8px; 
}

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: Tuan Pham Ngoc

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

Moderators: Tuan Pham Ngoc

Powered by Kunena Forum

Using Chrome Firefox and mobile browsers I can no

Support

Documentation

Information

Connect Us