I would like to give a different background color to the Pages module on group's home pages. It's easy to overlook that portion of a group's home page.

I can't get the syntax right to have

 

.module_page .module_body{background-color:#f8fafa;padding:4px!important;}

 

working properly...

Can anybody help?

 


Views: 101

Replies to This Discussion

Michel,

I grabbed this via my site, and old Editor. If it doesn't work on Design Studio, let me know.

.xg_module.module_page .xg_module_body {background-color:#f8fafa!important;padding:4px!important;}

Best,

Jen

I'm happy to report that it works fine with the Design Studio.

Thanks-a-million Jen =)

It works good with images too.

 

/* Make Group Pages List Stand Out /Background Pic */
.xg_module.module_page .xg_module_body{background: url(http://Your Image);important;padding:4px!important;}

 

Great tip! This really helps bring your attention to the individual pages.

Works good in Design Studio. 

 

Thanks so much Jen!

Great Tip, where does this tip go, in the advance or a text box in group, also is there a code for the different background colors for other pages also..

Yeah, in your Advanced / Add Custom CSS.

This code will put it on every page module for all groups. I'm sure you could do it for individual pages per group if you wanted to. Just inspect the element of each specific group module to find the name and add it to the code for each one.

RSS

Members

© 2024   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips