PieCal as a Widget?

Hi there, glad to hear you like the plugin!

Can you share an example or more details on what you’re looking for?

You’re Welcome.

I made two Screenshots. One ist the calendar widget of WordPress which shows the last entries. It is simple and small. The second one shows your calendar plugin as a widget imported with the shortcut. it is really big. For a widget there is no need to change the view of the calendar. Only changing the month to past or future is relevant and the function with the popup link to an event.

Oh and i have a Problem with changing the language. If i put the locate into the shortcode, the calendar will disappear. And is there a possibility to change the color of the events by using the Custom Fields UI as Categories?

I see. It would be best then to hide those buttons with CSS to make it more compact. You could hide the view dropdown & text, as well as the month switcher buttons with some CSS like this:

.piecal-wrapper .piecal-controls,
.piecal-wrapper .fc-toolbar-chunk button {
display: none;
}

In terms of the language issue, can you copy the exact shortcode you’re using when the calendar disappears here for me to see?

Lastly, color coded events is something we’re working on that will end up in our Pro version sometime in the future.

Thanks!

Thank you a lot for your help. But I think, there would be the Problem that I can only use it as a widget or as a complete Calendar site if I change the CSS like you told me.

Alright, let me know if you have any other questions!

Jepp, there is still another question. I need a bit help with the css. Another User asked for changing the colors of the left and right buttons and the today one. I tried it, but nothing happend.

After I tried the code you told at the other thread, I tried this one:

.fc .fc-button .fc-icon {
	background-color: #304343 !important;}

But this only changes a small area in the button but not the whole button.

Is there an easier way to change 3 of the colors?
1. Font Color
2. Whole Button Color for left, right and Today
3. Hover/Activate Color while using the button

Thanks a lot!

Hi there, this selector allows you to change the button colors:

.piecal-wrapper .fc .fc-button-primary,
.piecal-wrapper .fc .fc-button-primary:disabled {
background-color: black;
color: white;
}

The hover state of the buttons can be adjusted with this selector:

.piecal-wrapper .fc .fc-button-primary:hover {
background-color: orange;
}

The icon colors can be adjusted with this selector:

.piecal-wrapper .fc .fc-button .fc-icon {
color: gray;
}

I hope this helps!