- Posts: 16
- Thank you received: 0
Styling pages
- Anne
- Topic Author
- Offline
- New Member
-
Less
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.
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.
- Tuan Pham Ngoc
- Offline
- Administrator
-
12 years 9 months ago #30239
by Tuan Pham Ngoc
=> 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)
Remove width:100% from that css section and it will look OK !
=> Simply go to Events Booking->Translation, find the text and change it to meet your need.
Regards,
Tuan
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
Support
Documentation
Information
Copyright © 2026 Joomla Extensions by Joomdonation. All Rights Reserved.
joomdonation.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.
The Joomla! name and logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.