Changing the column width of registration page

Hello

The column with the labels of the different fields is too narrow. Is there a custom.css file where I can change the width, so that it won't be overwritten by the next Event Booking release?

If I set the width for example to 200 pixels, what will happen with the responsive design? How can I prevent that on small screens?

Thanks

Roger

Please send us the link to your registration page. I will ask my template developer to look at it and give you a proper solution

Tuan

Hi Tuan

Here an publicly accessible link. It is still running on 1.7.4. Will probably upgrade today

www.samariter-brig-glis.ch/kurse/bevoelk...ividual-registration

Thanks

Roger

On my site, I custom-styled the class: ..,. to adjust the column width.
I have set width:350px for normal viewing (seems to be a good value for my template).
To make it responsive, when the screen size decreases, I have the width go to width:100% in order to take up a whole line with the entry boxes appearing underneath.

Hello James

Thanks for your answer. Did you change the css file from event booking or are you using some kind of a custom.css file? I don't want to adjust this after every new release of Event Booking.

Roger

Hello.
Yes, we used custom.css file, and add css style to this file.
This is link to custom.css file: media/com_eventbooking/assets/css/custom.css
Thanks.

Thanks a lot will try it tomorrow. Might get back to you because of responsive design.

Cheers

Roger

Hmmm... Realized that my template was doing the responsive part for me exactly the way I wanted it to work (and that my custom responsive code for this wasn't even loading :whistle: ).
Setting .form-horizontal .control-label{ width:350px;} is all I needed to do for my site.

I have being using my template's custom css file, but using EB's custom.css file is a better way to go as it only loads when the user is viewing an EB page (you don't have to define the style really narrow and specific to EB this way, and performance wise it means that you're not loading extra css every time your site loads a non-EB page). EB doesn't overwrite the file when upgrading and your custom css tweaks are retained.