Replies to This Discussion

Permalink Reply by JenSocial on August 11, 2011 at 2:56pm

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

Permalink Reply by Michel Poisson on August 11, 2011 at 3:47pm

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.

Permalink Reply by JenSocial on August 11, 2011 at 4:10pm

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>;

Permalink Reply by Michel Poisson on August 11, 2011 at 5:01pm

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.

Permalink Reply by Michel Poisson on August 12, 2011 at 1:42pm

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.

 

Permalink Reply by Michel Poisson on August 12, 2011 at 3:17pm

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"