Editing the upcoming event module

Hello, I would like to show upcoming event module on my top page, which I was able to do, but I would like to change a few things. I would like to try out the following.

(1) I would like to be able to NOT have the title link to the event detail page
(2) If i were to link the title to the detail page, then I would like to open a new window.
(3) Or, instead of going to the event detail page, I would like to have a link to the calendar list page so that the visitor can see all the events available instead of the detail of one event.

How can I accomplish this?

Hi nobuko

Look at one of the two files below, you should be able to make the modification easily;

modules/mod_eb_events/tmpl/default.php

Or

modules/mod_eb_events/tmpl/improved.php

Regards,

Tuan

Hi!

One more question- How can I change the color of the box when I used the "improved" view? Right now it shows in navy color but I wanted to change it.

Thank you!

You can send us the link to the page and we will guide you. Or if you want, submit a support ticket sending us the link to the page and tell us how you want to change the color, I can have my template developer look at it and implement the change for you

Regards,

Tuan

Hello, sure, I'd much rather learn how to do it instead of having someone do it so that in the future I can do it on my own

Here is the webpage.
www.davidwhitmanmusic.com/

Right now the boxes that the dates are shown are in navy blue. I would like to be able change the color.

Nobuko

These types of changes are done via CSS. Just add the following to /media/com_eventbooking/assets/css/custom.css, and adjust the color value to whatever you'd like (the #fe5e22 value that I've used below is the orange used on your site's buttons).



I recorded a quick little video showing the steps I took to determine what CSS selector needed to be referenced for the top blue month box. i mentioned only the background color and not the border, nor the date box below, but the video should hopefully give you a reference point for making future changes to your site's layout.

Hello,

I changed the custom css file, and I believe I waited long enough to see the change but the color is still the same. I guess the work around is to just modify the default.css file, but I thought I'd let you know and see if this should be happening.

Hmmm.... /media/com_eventbooking/assets/css/custom.css doesn't appear to be loading on your home page but does load on your sub-pages.
You can edit the default.css file, but you will loose the changes when you update the extension. You could also add the block to your template's CSS file (or your template's CSS interface if it has one).

@Tuan --- What would prevent the custom.css file from loading? Would this happen if the Calendar was displaying inserted within an article instead of being inserted into the layout as a stand-alone module?

Hi James,

Thank you so much- I was able to accomplish this by adding the changes to the template's CSS.

Nobuko

Hi James & Nobuko

Before, the custom.css file is only loaded in the component, not in the modules. I just updated download package this afternoon which allow loading custom css file on modules as well. So if you want to put the change into custom css file (to prevent it being load lost when update to future releases of the extension), you should download latest version, upgrade it to your site

Then put the css into custom.css file which James mentioned

Regards,

Tuan