In the Help-a-Newbie dept.:

 

Is it possible to set the background color of xg_module module_notes on Main Page?

I suppose it is a property of xg_module_body.

Is it also possible to not display the posting info under the note's title - that's when displayed in the Titles Only mode?

 

If possible, what would be the correct custom code (or CSS) syntax?

 

We keep a fairly busy 3-column main page and we use Notes exclusively for site tips and how-to's, it would be nice to have the module stand out.

 

Views: 27

Replies to This Discussion

Hi Michel,

You are not going to be able to add anything to bottom of your Advanced CSS. Unless my Firebug is malfunctioning, it appears that you have added HTML, a DIV. CSS cannot contain HTML. To test this code, you need to add to top. And soon, you need to fix the bottom CSS.

Background Color Example:

.xg_widget_main .module_notes .xg_module_body {background-color:#cc0000;padding:4px!important;}


Hide Info. Below Title:

.xg_widget_main .module_notes p.small {display:none!important;}

 

Best Regards,

Jen

Jen,

 

I added the code at the end of my CSS and it works perfectly, both lines.

Many thanx.

 

Are there also 

.xg_widget_main .module_groups

and

.xg_widget_main .module_forum

that can be modified in the same manner?

 

I don't think there is any HTML in the CSS. We have scripts in the Custom Code that might do some HTML of their own on the page though.

You may want to contact Ning. When I view your custom CSS via Firebug, I see this at the very end. Something is weird. And, I also see the new code you just added, and it is above the code below.

On Groups, yes you can do that. I don't have a second right now to check the class. I'll try to later.

Best Regards,

Jen

<div class="xg_module mini-leaderboard-module xj_leaderboard_module"> <div class="xg_module_head handle"> <h2><span>Top Content</span>&nbsp;</h2> <p class="edit" style="display:none"> <a class="button" href="#"><span>Edit</span></a></p> http://atheistuniverse.net/group/blackbox#</div>;

Now I have a new problem!

While testing the added lines (commenting and de-commenting the hiding bit) the background color of our pulldown menus has become transparent!

Even after replacing LESS and CSS with backups, the problem persists.

I posted a screenshot on NC.

 

The code you see is in the Custom Code page, not the in CSS of the Design Studio:

 

<div class="xg_module mini-leaderboard-module xj_leaderboard_module">  <div class="xg_module_head handle">  <h2><span>Top Content</span>&nbsp;</h2>;  <p class="edit" style="display:none">;<a class="button" href="#"><span>Edit</span></a></p> ;</div>

 

But it is without the URL... strange.

Specially since I have no idea what it's doing there. I removed it and can't see a difference, for now.

My problem has been fixed.

Quick response from the Help Desk:

 

That's actually an example of a bug we're investigating. It happens rarely, but is pretty obnoxious when it does occur. The following CSS added to the Design Studio should fix it though. You can adjust the hex codes for whatever color you want. The CSS provided will make the background color for subtabs white.

#xg_navigation ul div.xg_subtab ul li a {background: #ffffff;}
#xg_navigation ul div.xg_subtab ul li a:hover {background: #ffffff;}

Best,
Blake

I added the two lines of code and the problem was fixed.

I also posted this on NC.

 

I've tried the following lines and they all work:

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

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


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

Note that .module_video isn't spelled with an "S"

 

RSS

Members

© 2024   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips