Colour of Mini Calander module

nmron
Topic Author
Offline
New Member

More

7 years 3 months ago #109627 by nmron

Colour of Mini Calander module was created by nmron

How do I change the colours of the mini calendar module.
I tried the themes but there it not a colour that is suitable.

thanks

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

James Riley
Offline
Platinum Member

More

7 years 3 months ago #109631 by James Riley

Replied by James Riley on topic Colour of Mini Calander module

You'll likely need to write some custom CSS code to change the colors. Are you familiar with writing CSS?

If not, post a link to a live page and provide an idea (concept or a mock-up image, or a text description) of what colors you want and where, and someone here can help you with the CSS.

If you're familiar with CSS and HTML, right-click on the part of the mini-calendar you want to style, select Insect Element (or a similar command to open the Property Inspector with the element you right-clicked on selected) and look for the IDs / Classes that you can style.

James Riley .: EventBooking user since 2014 ::: JoomDonation user since 2016 :.
.: grfx & web design / IT / AV @ St. Therese Institute of Faith and Mission, Bruno, SK, Canada :.

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

nmron
Topic Author
Offline
New Member

More

7 years 3 months ago #109636 by nmron

Replied by nmron on topic Colour of Mini Calander module

Thanks James for your reply. I didn't envisage I would need to start using my own CCS on a product I just paid $40 for !

The OSsolution website shows a nicely coloured mini calendar, the colours of which I would be happy to use as default, and since there is no opportunity to try a free version of this product before you buy, I was very surprised when the built-in themes produced a very dark and uninviting looking mini-calendar. Given the plethora of configuation items this product has it's a disappointment to arrive at this stage so early.

I'll check out the CCS as you suggest.

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

nmron
Topic Author
Offline
New Member

More

7 years 3 months ago #109643 by nmron

Replied by nmron on topic Colour of Mini Calander module

Hi again

I'm looking for some advice on how to change the colours on the mini calendar.
I don't think it's possible with my template, so not sure where to go from here.

Are there any additional themes available I can download, or does anyone have a custom theme they created ?

Looking for a light coloured background - see attachment

thanks

Attachments:

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

Tuan Pham Ngoc
Offline
Administrator

More

7 years 3 months ago #109648 by Tuan Pham Ngoc

Replied by Tuan Pham Ngoc on topic Colour of Mini Calander module

Hi

We don't support this color at the moment, so some kind of custom css will be needed. Normally, you can submit a support ticket and we can help with this custom css. However, at the moment, we are having new year holiday en.wikipedia.org/wiki/T%E1%BA%BFt , and I don't have my template developer available for assist

So for now:

1. Maybe you can post the link to the page and hopefully, James can assist

2. Otherwise, continue working on other tasks and leave this one until Wednesday next week. On Wednesday next week, please submit a support ticket sending us super admin account of your site and link to the module so that we can help with this modification

3. If you are in rush and could not wait, you can find a different extension to use and I will be happy to request for refund

Regards,

Tuan

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

James Riley
Offline
Platinum Member

More

7 years 3 months ago #109676 by James Riley

Replied by James Riley on topic Colour of Mini Calander module

Try adding this to your EB Configuration -> Custom CSS. It approximates the sample you provided, and you should be able to change colors to your liking.

Code:

.extcal_minical table.extcal_minical {  background-color: #efefef; }
div.mod_eb_minicalendar_link a { color: #414aca !important; }
a.mod_eb_minicalendar_link { color: #000 !important; }
.mod_eb_mincalendar_td_dayname, .mod_eb_mincalendar_td_dayname .saturday, .mod_eb_mincalendar_td_dayname .sunday { color: #000; }
.mod_eb_mincalendar_table td.mod_eb_mincalendar_today {
	background: #FFF; color: #000;
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
	-webkit-box-shadow: inset 0px 0px 0px 1px #B4B4B6;-moz-box-shadow: inset 0px 0px 0px 1px #B4B4B6;box-shadow: inset 0px 0px 0px 1px #B4B4B6;
}
td.mod_eb_mincalendar_event { background-color: #414aca; }

James Riley .: EventBooking user since 2014 ::: JoomDonation user since 2016 :.
.: grfx & web design / IT / AV @ St. Therese Institute of Faith and Mission, Bruno, SK, Canada :.

Attachments:

The following user(s) said Thank You: Tuan Pham Ngoc

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

nmron
Topic Author
Offline
New Member

More

7 years 3 months ago #109677 by nmron

Replied by nmron on topic Colour of Mini Calander module

Hi James

thanks for this, I added the code and it changed the colours. I will need to play around with it a bit to get it right, but now I know what to change. I'd like to leave this open post meanwhile.

I have another question about email notifications - shall I raise a new topic ?

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

James Riley
Offline
Platinum Member

More

7 years 3 months ago #109678 by James Riley

Replied by James Riley on topic Colour of Mini Calander module

A "New Topic" for a new topic is best

James Riley .: EventBooking user since 2014 ::: JoomDonation user since 2016 :.
.: grfx & web design / IT / AV @ St. Therese Institute of Faith and Mission, Bruno, SK, Canada :.

The following user(s) said Thank You: Tuan Pham Ngoc

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

nmron
Topic Author
Offline
New Member

More

7 years 3 months ago #109726 by nmron

Replied by nmron on topic Colour of Mini Calander module

Hi James

I added the code and played around with the colours. Unfortuately the black numbers on the days don't turn out black on my site, they change to white !
I couldn't see a parameters to control this.
Any further ideas please ?

Attachments:

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

James Riley
Offline
Platinum Member

More

7 years 3 months ago - 7 years 3 months ago #109729 by James Riley

Replied by James Riley on topic Colour of Mini Calander module

Oops -- I was making my changes via the property inspector (not in an actual, proper css file that I could reload and test) and missed copying one of the css tweaks that I made.

Code:

.mod_eb_mincalendar_table td.mod_eb_mincalendar_not_today, .mod_eb_mincalendar_table td.mod_eb_mincalendar_no_event a {color: #000;}

Edit -- fixed a typo in the CSS code!

James Riley .: EventBooking user since 2014 ::: JoomDonation user since 2016 :.
.: grfx & web design / IT / AV @ St. Therese Institute of Faith and Mission, Bruno, SK, Canada :.

Last edit: 7 years 3 months ago by James Riley.

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

Moderators: Tuan Pham Ngoc

Powered by Kunena Forum

Colour of Mini Calander module

Support

Documentation

Information

Connect Us