Change font color of event list title

Apologies wrong code added previously, here’s the correct code:

<div style="float:left; margin: 5px 0px 10px 0px; width: 70%;"><strong>#_EVENTLINK</strong>
<br/>#_EVENTDATES - #_EVENTTIMES | #_ATT{Cost}
{has_location}<br/><i>#_LOCATIONNAME, #_LOCATIONADDRESS, #_LOCATIONTOWN, #_LOCATIONPOSTCODE</i>{/has_location}
<p>#_EVENTEXCERPT</div></p>
<div style="float:right; margin: 0px 0px 10px 15px;" width:25%;"><a href="#_EVENTURL">#_EVENTIMAGE{100,100}</a></div>
<br style="clear:both" />
<div style="border-bottom: 1px dotted #e5e5e5;"></div>

Hi Val,

Am I right in thinking you want event titles to have the same styling as black_head_link?

Hi Caimin

It doesn’t have to, I only created black_head_link in an attempt to change the title color, but it didn’t work.

Any solution that works would be great.

The Default event list format only applies to the main events page. The page you linked to is a categories page – the formatting for that is under Events > Settings > Formatting > Event Categories.

Hi

Thanks for coming back to me Caimin.

I have had a look in event categories as suggested. The only thing I have here is in “Categories list item format” which is: #_CATEGORYLINK

I have tried to apply style formatting like the below but it doesnt work.
<div style="color: #000000;">#_CATEGORYLINK</div>

sorry for the confusion but do you want to change the event title color under events list page or the event title color under single category page?

Hi Angelo

I am trying to change the event title color on the events list page. Because the titles are links the default link color is being applied, however I want them in black but no formatting that I have tried has changed them to black.

Any ideas?

Many thanks

I think there’s some confusion here…

You’re asking about changing the way the events list is displayed but the link you gave is a category page. Each of those two layout use a different template.

Which is it you want to change?

Sincere apologies I got these completely mixed up, your totally right Caimin it is the Events > Settings > Formatting > Event Categories > Default events list format that needs to be amended.

However when I add the following code the color does not change:

<div style="color: #000000; float:left; width: 70%;">
<h3><strong>#_EVENTLINK</strong></h3>

Any suggestions would be appreciated ??

hmm, based on your custom formats above did you try adding the ending div tag </div> ?

Hi Angelo

Thanks for coming back to me.

Yes the closing div tag is in place and the div style is being picked up and applied, except for the color. How can EM only apply some of the div styling?

Oh here is the full code again in case its needed:

<div style="float: left; color: #000000; width: 70%;">
<h3><strong>#_EVENTLINK</strong></h3>
#_EVENTDATES - #_EVENTTIMES | #_ATT{Cost}
{has_location}<br/><i>#_LOCATIONNAME, #_LOCATIONADDRESS, #_LOCATIONTOWN, #_LOCATIONPOSTCODE</i>{/has_location}
<p>#_EVENTEXCERPT</div></p>
<div style="float:right; margin: 0px 0px 10px 15px;" width:25%;"><a href="#_EVENTURL">#_EVENTIMAGE{100,100}</a></div>
<br style="clear:both" />
<div style="border-bottom: 1px dotted #e5e5e5;"></div>

Again thanks for the help, any ideas would be great ??

Because it’s a link in an h3 tag I think you’ll need to access it like this in your style.css:

h3 a {
color: #000000;
}

Hi Caimin

Thanks for figuring it out. I meant I had to sort out some other formatting elsewhere on the site but it all working now which is great!!

Thanks again it’s really really appreciated ??

Hi Caimin

Thanks for figuring it out. I meant I had to sort out some other formatting elsewhere on the site but it all working now which is great!!

Thanks again it’s really really appreciated ??