You mean - you want the first event in the list to appear in bold and the others normal?

If so can you give us a URL and we can advise on the CSS you could use. Making use of CSS first child selectors.

I have a list of events.

There are future and past events.

The next event should appear in bold

the url is: spielmannszug-altastenberg.de/2015/termine

Hello,

What are you classing as the next event?

I.e. the next future event from today?

Thanks
Tony

Hello,

yes i mean the next future event from today.

greetings
fap

IF you only show future events then its easy using CSS but if you have mix of past and future event then it is not trivial I'm afraid and would need a template override (i.e. some custom PHP coding).

Hello,

I solved the problem, but there is a little Problem...

I use 3 "Latest Events Module"

The first module displays all events from the past. The issue is "normal". I have published it on the position "latest_events_module1".
The second module displays 1 upcoming event. The issue is "bold". I have published it on the position "latest_events_module2".
The third module displays all upcoming events. The issue is "normal". I have published it on the position "latest_events_module3".

In my "events-article" i use the code

{loadposition latest_events_module1}

{loadposition latest_events_module2}

{loadposition latest_events_module2}

It works, but is a problem. The next event is shown twice. Even "bold" from the module2, and even "normal" from the module3.

Is it possible to configure module3 so that the next event does not indicate but the events after the next?

greetings
fap

Hello Fap,

You said you use:

{loadposition latest_events_module1}

{loadposition latest_events_module2}

{loadposition latest_events_module2}

Shouldn't that be:

{loadposition latest_events_module1}

{loadposition latest_events_module2}

{loadposition latest_events_module3}

Many thanks
Tony

I've made a mistake... <!-- s:? --><img src="{SMILIES_PATH}/icon_e_confused.gif" alt=":?" title="Confused" /><!-- s:? -->

Of course my code is:

{loadposition latest_events_module1}

{loadposition latest_events_module2}

{loadposition latest_events_module3}

Greetings

fap

Hello Fap,

So is that your problem solved?

Thanks
Tony

Hello,

The Problem is the next event is shown twice. Even "bold" from the module2, and even "normal" from the module3.

Greetings

fap

Hello Fap,

It's not possible to remove the first event from the query. but you can use CSS to hide the 3rd modules 1st event if you give the module a class, then you can set it to for example:

.mymoduleclass .mod_events_latest_first {

display:none !important;

}

Many thanks
Tony

@Tonyp: thank you for your answer!

Now i have made 3 "Latest Events Module"

The first is for all past Events.
The second is just for 1 next Event.
The third is für all future Events.

In the field "Custom CSS" of the third Module i have inserted your code:

.mymoduleclass .mod_events_latest_first {

display:none !important;

}

Where have i insert the Module-Suffix?

I have insert in the fourth field:

"mymoduleclass" 

or 

" mymoduleclass" 

or

".mymoduleclass"

or

" .mymoduleclass"

But nothing worked...

In the page-source the code:

.mymoduleclass .mod_events_latest_first {

display:none !important;

}

is displayed.

So i think the problem is the module-suffix of the third module.

Thank you for your help!

greetings

fap

Hello

Please take a look at my configuration.

[attachment=0:13fb29kx]<!-- ia0 -->jevents.png<!-- ia0 -->[/attachment:13fb29kx]

The text "hallo" is not displayed in the source code <!-- s:o --><img src="{SMILIES_PATH}/icon_e_surprised.gif" alt="" title="Surprised" /><!-- s:o -->

I know that the suffix "hello" must match the name in the "Custom CSS" but it is just a test.

Why is the text "hallo" not be displayed in the source code?


Greetings

fap

Hello Fap,

If loading the module correctly, it should be shown in the source code. But if you are loading it through a module load plugin it may not be.

With the way the module is setup this CSS should work:

.hallo .mod_events_latest_first {

display:none !important;

}

Many thanks
Tony