Currently when a user of our website hovers over a calendar link, we see what's below. I was helped before by being able to add a link from this event directly to a URL of my design. Thank you. Now I would like to be able to change this hover text to include some custom message - Specifically I want to add -- Click to Book and Pay added. Can this be done and if so, how?
Thank you. It appears that the text in the short description does not support any html or formatting. I would like to make the text red and big. -- or at least big and maybe bold. Is there anyway to format this text?
Awesome! Thanks so much. What about the Text in the Box that displays below the Event after it is clicked? That shows our new text in the Short Description as well. We want to make that bold and big and red too.
You have been very helpful so far. I really appreciate it. Hope you are feeling better after COVID.
I have another question... If a person clicks on a date, without clicking on the actual event --- just the date in the calendar...You get a preview of the events of the day below the date in the calendar. Now if someone clicks on that preview -- they go to the event info -- but I want them to go to the external link I set up using your instructions that they now get to by clicking the event in the month view calendar. How do I get that accomplished?
I tested your suggestion and it worked well. Thanks for your continued support. I actually met with the client today where he had a few other suggestions. I'd like to ask you if they are possible and if so how are they done...
1) When you look at the month calendar - can we add a picture for an event to display along with all the others for the month?
2) When my client duplicates a post he would like to have a duplicate event id. Is that possible and how?
1) Could you send me screenshot where you want the image to be displayed exactly?
2) I don't know how your posts are related to the event's id so I can't answer that. Are you keeping the event id as meta value? Or you need to duplicate the whole event?
1) Below is an image of the calendar view we want to add an image for. It would go next to the Calendar event. In this view we only have one event on August 24th. It would go in that green bar or expand the bar to fit.
2) Under STEC / Events / Manage Events you see a list of STEC Calendar Events. When One is Duplicated a new event is created with the words (DUPLICATE) and a new Event ID. There is not know way to change that Event ID. My client simply wants to use the same Event ID for multiple events. It would help him keep track of the events more easily. Here is an example of what we see.
Hi There,
Currently when a user of our website hovers over a calendar link, we see what's below. I was helped before by being able to add a link from this event directly to a URL of my design. Thank you. Now I would like to be able to change this hover text to include some custom message - Specifically I want to add -- Click to Book and Pay added. Can this be done and if so, how?
Thank you
Scott
Hi,
You can add this text in the Event's short description field in Add / Edit Event -> Introduction tab.
Stachethemes Developer
Thank you. It appears that the text in the short description does not support any html or formatting. I would like to make the text red and big. -- or at least big and maybe bold. Is there anyway to format this text?
Go to Dashboard -> STEC -> Fonts & Colors -> Custom style tab and add following css:
body .stec-tooltip-desc {
color:#F40009;
font-size: 18px;
font-weight: bold;
}
Stachethemes Developer
Awesome! Thanks so much. What about the Text in the Box that displays below the Event after it is clicked? That shows our new text in the Short Description as well. We want to make that bold and big and red too.
Update the css to:
body .stec-tooltip-desc {
color:#F40009;
font-size: 18px;
font-weight: bold;
} /* Preview short desciption text */
body .stec-layout-event-preview-left-text-desc {
color:#F40009;
font-size: 16px;
font-weight: bold;
}
Stachethemes Developer
You have been very helpful so far. I really appreciate it. Hope you are feeling better after COVID.
I have another question... If a person clicks on a date, without clicking on the actual event --- just the date in the calendar...You get a preview of the events of the day below the date in the calendar. Now if someone clicks on that preview -- they go to the event info -- but I want them to go to the external link I set up using your instructions that they now get to by clicking the event in the month view calendar. How do I get that accomplished?
Do you understand what I'm asking?
If I understand correctly, go to Dashboard -> STEC -> General and set "Open events in" to "External link".
Stachethemes Developer
(ANY HELP ON THIS? 05-26-2021)
I tested your suggestion and it worked well. Thanks for your continued support. I actually met with the client today where he had a few other suggestions. I'd like to ask you if they are possible and if so how are they done...
1) When you look at the month calendar - can we add a picture for an event to display along with all the others for the month?
2) When my client duplicates a post he would like to have a duplicate event id. Is that possible and how?
thanks very much
1) Could you send me screenshot where you want the image to be displayed exactly?
2) I don't know how your posts are related to the event's id so I can't answer that. Are you keeping the event id as meta value? Or you need to duplicate the whole event?
Stachethemes Developer
Thank you for getting back to me.
1) Below is an image of the calendar view we want to add an image for. It would go next to the Calendar event. In this view we only have one event on August 24th. It would go in that green bar or expand the bar to fit.
2) Under STEC / Events / Manage Events you see a list of STEC Calendar Events. When One is Duplicated a new event is created with the words (DUPLICATE) and a new Event ID. There is not know way to change that Event ID. My client simply wants to use the same Event ID for multiple events. It would help him keep track of the events more easily. Here is an example of what we see.
Thanks for your help
Scott
1) Place following code in your theme or child-theme functions.php file:
add_action('wp_footer', function() {if ( !wp_script_is('stec-js') ) {
return;
}
?>
<script typte="text/javascript"> (function ($) {
$(function () {
$.stecExtend(function (m) {
if (m.glob.options.view === 'month') {
m.$instance.$month.find('.stec-layout-month-daycell-event').each(function () {
const $this = $(this);
const id = $this.data('id');
const event = m.calData.getEventById(id); if (event.icon_images.length > 0) {
const imageSource = event.icon_images_meta[0].src; $this.parents('.stec-layout-month-daycell-wrap').first().css({
backgroundImage: 'url(' + imageSource + ')'
});
}
});
}
}, 'afterFillEvents');
});
})(window.jQuery);
</script>
<?php
});
Now, if your event has icon symbol type set to image (screenshot attached), the image will show in the month layout cell.
2) It's not possible to have two identical ids. They must be unique numbers and that's their purpose.
Stachethemes Developer