This is possible by using either modules own id or setup class in module settings. Then depending on which font size you want to change will be similar to below. You can add them in to your override.css file and enable css override option in template settings > advanced settings > css override.
Module 1 div id = nsp-nsp_161
Article Title font size
- Code: Select all
#nsp-nsp_161 h4.nspHeader { font-size: 20px!important;}
Text itself
- Code: Select all
#nsp-nsp_161 .nspArt p.nspText { font-size: 20px!important;}
Module 2 div id = nsp-nsp_178
Article Titles
- Code: Select all
#nsp-nsp_178 h4.nspHeader { font-size: 25px!important;}
Basically go to module manager and check modules id in the list, if its 200 then simply use css id as #nsp-nsp_200 etc.
Alternatively you can edit module settings and add your own class name such as below. Lets say I use following class names in my modules.
nspsmall
nspmedium
nsplarge
Then in override.css I would enter below
- Code: Select all
.nspsmall h4.nspHeader { font-size: 10px!important;}
.nspmedium h4.nspHeader { font-size: 15px!important;}
.nsplarge h4.nspHeader { font-size: 20px!important;}
Then in module settings > basic settings > module suffix> I enter either " nspsmall" or " nspmedium" or " nsplarge". Please note there is a empty space in front of above suffix names.
See you around...