Title Text too light

[wigleym]

The titles on our events page calendar are too light and not sure how to make them darker. Also if I do make them darker when I you click on an events view I'm worried you wont be able to see them at all if it uses the same font color used on the calendar. Was hoping there was just a standard setting to change this without coding something but cant seem to find any answer on it. Ver 2.2.5
Website is www.restarauntgwendolyn.com

Thanks

[Tonyp]

Hello,

This are determined by your sites template.css

You will want to use Firefox and firebug to inspect it and find the correct class to override.

[sodc]

Is there any way to get around this? I do not want to change the css for my entire site, just to change the text color on the calendar.

[Geraint]

You just need to add a small snippet of CSS with the relevant CSS selector - so that it won't affect other pages.

[sodc]

Yes, but where in the events menu script would I reference the css snippet that I create?

[Tonyp]

Hello,

You would use Firefox and firebug then add the code to your sites template.css

Regards
Tony

[sodc]

It appears you are not understanding my question.
Yes, I put the snippet in the template.css.

But where do I go within jevents script to enter the tag for the css snippet. In other words I have to tell jevents to look for the css snippet. Where do I go into jevents to say when pulling up text look for this snippet?

[Geraint]

No need to change any code - JEvents will have used enough CSS class names/selectors that you can use to control the CSS quite precisely already.

[sodc]

You said earlier:
"You just need to add a small snippet of CSS with the relevant CSS selector - so that it won't affect other pages"

You now say:
"No need to change any code - JEvents will have used enough CSS class names/selectors that you can use to control the CSS quite precisely already."

If the second statement is true, where do I go to change the font color of the text that shows the events for each day?

Reading other posts it says the text color is controlled by the template.css not by JEvents css. So which is it. If it is controlled by the template.css then I need to make a css snippet and put it in the template.css. If I do that I need to get into a jsevents file to reference the snippet.

So bottom line how do I change the calendar text color without affecting other pages of my site.

[Geraint]

If it is controlled by the template.css then I need to make a css snippet and put it in the template.css. If I do that I need to get into a jsevents file to reference the snippet.

No you don't - CSS can do that for you.

The jevents component output is either inside a div tag with id=jevents_header or jevents_body

So

Code: Select all

#jevents_header h1, #jevents_body h1 {
color:red!important;
}

would change the colour of h1 tags on jevents pages (within the component ONLY) to red but not on others pages

A really good tool to investigate this sort of change is the Firebug addon for Firefox or the Chrome DOM instpector