Styling pages

More
12 years 9 months ago #30204 by Anne
Styling pages was created by Anne
Hello,
I am setting up events booking for a client. So far, so good. I just have an issue with the styling. I have been into components/com_eventbooking/assets/css but not had much success. I don;t want to change the general css for the website as this has a knock-on effect on other elements.
The page I am having particular problems with is the registration form (link below) as it doesn;t look good filling the whole width of the screen.
I'd also like to adjust the wording on the buttons.
healthywaterwaystrust.org.uk/index.php/c...vent_id=1&Itemid=143

Many thanks in advance.

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

More
12 years 9 months ago #30239 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Re: Styling pages

The page I am having particular problems with is the registration form (link below) as it doesn;t look good filling the whole width of the screen.


=> The issue causes by a css command in your site template. Open the file templates/hwt3/css/template.css, find the css code below (line 1250)
Code:
input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea { width: 100%; padding: 4px 0; color: #3D5166 !important; font-size: 13px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; }

Remove width:100% from that css section and it will look OK !

I'd also like to adjust the wording on the buttons.


=> Simply go to Events Booking->Translation, find the text and change it to meet your need.

Regards,

Tuan

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

Moderators: Tuan Pham Ngoc