Styling the mini calendar module

  • Ingmar Guillaume
  • Topic Author
  • Offline
  • New Member
  • New Member
More
13 years 6 months ago #11761 by Ingmar Guillaume
Styling the mini calendar module was created by Ingmar Guillaume
How can I apply a CSS to the mini calendar module? The one in the module folder is an empty CSS file.

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

More
13 years 6 months ago #11977 by Malcolm Silver
Replied by Malcolm Silver on topic Re: Styling the mini calendar module
Either set the template theme in Config -> themes, or open the theme css files components\com_eventbooking\assets\css\themes. You can change the look there. eg about line 257 for bg color.

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

More
13 years 6 months ago - 13 years 6 months ago #12109 by warsawchapter
Replied by warsawchapter on topic Re: Styling the mini calendar module
What I've done :

1) Using Module Class Susffix -add _ebmystyle
- Extensions Modules Manager-->Ebooking MiniCalendar-->Module Parameters--> Module Class Suffix e.g. _ebmystyle
2) Edit your template
templates/your_template/css/template.css
add your styling e.g.(my example)

/** EbMiniCalendar**/

div.module_ebmystyle, div.module_ebmystyle h3 {
padding: 5px;
margin-left: 8px;
width: 94%;
}
I edited also default.php to add grid to calendar...( /modules/mod_eb_minicalendar/tmpl/default.php)
That's it...
Attachments:
Last edit: 13 years 6 months ago by warsawchapter. Reason: correction

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

Moderators: Tuan Pham Ngoc