Hello again,

I have been struggling with changing the CSS for the body / p font in the ZenKit List. I don't want to change the body text elsewhere in my site.

If you could tell me how to write the CSS so that it only changes the body / p font in a specific Zen List, I would really appreciate it.

I hope this is clear

Thanks so much,
Judy

Hi Judy,

Do you have a link for the site?

Cheers
Paul

Yes! Here it is: newramblerreview.com/

Thank so much!

Judy

Hi Judy,

Am I looking at the zentools module with the first item called

"Moral (and Musical) Hazard"

Cheers
Paul

Yes, that is the one.

Thank you.

Each module has an id which is unique - this enables styling to be aimed at one module specifically - you can see this either via viewing the source code or the id in module manager of that particular module

e.g in this case <div id="zentools195"

#zentools195

so which enables us to go with

#zentools195 p {font-size: 20px;}

Cheers
Paul

Very good to know.

I will have MANY modules that will have the same styling. Do I simply add them like this?

#zentools195 #zentools196 #zentools197 p {font-size: 20px;}

Thanks,
Judy

Hi Judy,

Are the modules all the exact same with the zentools layout?
Are you using zentools as a slideshow or anything like that?

Can you point me to a different example?

Cheers
Paul

Yes, they will all have the same layout. There will be 23 or more.

Here are 3 examples so far:

newramblerreview.com/book-reviews/law
newramblerreview.com/book-reviews/the-arts
newramblerreview.com/book-reviews/history

At the moment I am not using ZenKit as a slideshow or gallery. I am using the "List" type.

Thanks, Paul!

I really appreciate your help with this.

Judy

Hi Judy,

Try adding this

body .zentools.list p {font-size:20px;}

Cheers
Paul

Hi !

The code did not work like this:

body .zentools.list p {font-size:20px;}

It worked like this:

.zentools.list p {font-size:20px;}

Thanks for your help,
Judy

Hi Judy,

odd it should work

Anyway glad we got there

Cheers
Paul