How to change layout of event ?

  • Peter Hermansson
  • Topic Author
  • Offline
  • New Member
  • New Member
More
9 years 5 months ago #72062 by Peter Hermansson
How to change layout of event ? was created by Peter Hermansson
Hello,
still a newbie but really like the event booking component. I have created an event and now I need to change a few things, so that it fits ok.
I want to change the color of the event header, and possibly move it down under the image. I also want to change the size of text to a bigger size, and finally I want the event details table to fit inside the event. I understand that I need to change some CSS, but where do I find the CSS code for doing this?

Here is my example: www.armourhead.se/IBA/index.php/courses/...s/chocolate-workshop

Regards,
//Peter

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

More
9 years 5 months ago #72087 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic How to change layout of event ?
Sorry Peter. I forgot to ask my template developer to answer you today. I just requested him to look at this question and give you the answer (I am not good at css, so I will leave it to him)

He should be able to check and give you the instructions tonight our time or lately on tomorrow morning (It is weekend here and he is at his home)

Please be patient and wait for us

Regards,

Tuan

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

More
9 years 5 months ago #72101 by Dũng Nguyễn Việt
Replied by Dũng Nguyễn Việt on topic How to change layout of event ?
Hello.
1. FOr change event header color, you should go to this link: www.armourhead.se/IBA/media/com_eventboo...ssets/css/custom.css and add the color code you want, for ex:
#eb-event-page h1.eb-page-heading {
color: #000;
}
2. We can't move the heade to under the image, because the image comes from description of event.
3. For change the size of text, add css style to this file: www.armourhead.se/IBA/media/com_eventboo...ssets/css/custom.css , for ex:
.eb-description-details p {
font-size: 16px;
}
4. I checked and see the table fit to inside the event.
Thanks.

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

Moderators: Tuan Pham Ngoc