Hi,
Could you point in the right direction on how to change module title font sizes, could you link me a tutorial that you know off?

Thanks.

I can help you with this - have a link?

If you want to try finding this yourself look at tutorials for the css inspector in the Chrome Web developer tools

Cheers
Paul

Do I have a link for what?

For your site and the module you are looking at

I see probably between 30 - 60 sites a day

Cheers
Paul

The module on this page philosophicalinvestigations.co.uk/newpi/philosophy/plato-and-aristotle/plato

that has the title 'Most Popular Plato Resources'.

Could you advise on how to add a style so that I can simply add a module class to the relevant modules. It needs to be how it is, but with a slightly larger font and in bold.

Thanks.

This is the current styling

#mainWrap div.primary1 .zen-module-title {
background: #2cb0c7;
color: #fff;
padding: 8px;
}

so if you are using the primary1 suffix you can just building on this with the extra styling


#mainWrap div.primary1 .zen-module-title {
font-weight: bold; font-size:1.1em;}

using the font size value as required anything over 1em will increase the font size

Ad if I changed 'div.primary1' to 'div.bold' or something I would be making a new class?

Does this code go in custom.css?

Are you using the .primary1 elsewhere on the site?
As its easiest to just add styling to the existing class

e.g like the example above

#mainWrap div.primary1 .zen-module-title
{font-weight: bold; font-size:1.1em;}

Its a bit more tricky if you need to create the class and use that as a suffix as you need to make sure you match the specificity of an existing style

Cheers
Paul

Ok i'll just adjust one i'm not using. Where do I find the code to alter?

or do I just add it in the custom.css?

Can you add to the existing class you are using?

e.g. adding this to the custom.css

#mainWrap div.primary1 .zen-module-title
{font-weight: bold; font-size:1.1em;}