How To Customize the Welcome Box Rectangle - JenSocial: Social Web Directory and Ning Tips2024-03-28T11:17:34Zhttp://jensocial.com/forum/topics/how-to-customize-the-welcome?groupUrl=ningnetworktips&commentId=2154984%3AComment%3A462807&x=1&feed=yes&xn_auth=noThanks!tag:jensocial.com,2012-07-13:2154984:Comment:4628072012-07-13T07:11:30.872ZJavier Cambon Sanjurjohttp://jensocial.com/profile/JavierCambonSanjurjo
<p>Thanks!</p>
<p>Thanks!</p> Javier,
I just happened to ha…tag:jensocial.com,2012-07-13:2154984:Comment:4629682012-07-13T03:51:25.072ZJenSocialhttp://jensocial.com/profile/jmarco
<p>Javier,</p>
<p>I just happened to have a test site with new membership, where the welcome box was open. I used this CSS to remove icons and make the text area wider:</p>
<p>#welcome-icons {display:none!important;}<br></br>#welcome-text { width:700px!important;}</p>
<p>Then, you have to add your text via the Language Editor like this tip instructs.</p>
<p></p>
<p>On the popup, never looked at that, and not getting the same pop-up you are getting. If you're removing the icons, guess you won't need…</p>
<p>Javier,</p>
<p>I just happened to have a test site with new membership, where the welcome box was open. I used this CSS to remove icons and make the text area wider:</p>
<p>#welcome-icons {display:none!important;}<br/>#welcome-text { width:700px!important;}</p>
<p>Then, you have to add your text via the Language Editor like this tip instructs.</p>
<p></p>
<p>On the popup, never looked at that, and not getting the same pop-up you are getting. If you're removing the icons, guess you won't need that anyway.</p>
<p></p>
<p>Hope that helps,</p>
<p>Jen</p>
<p></p> Hi Jen!
Do you know how I…tag:jensocial.com,2012-07-13:2154984:Comment:4630502012-07-13T03:19:13.563ZJavier Cambon Sanjurjohttp://jensocial.com/profile/JavierCambonSanjurjo
<p>Hi Jen!</p>
<p></p>
<p>Do you know how I can edit the pop-up window that comes out when I click on "Add Content" in the Welcome Box?</p>
<p>I need to delete the "Invite Friends" option and add a new one.</p>
<p><a href="http://storage.ning.com/topology/rest/1.0/file/get/301610569?profile=original" target="_self"><img class="align-full" src="http://storage.ning.com/topology/rest/1.0/file/get/301610569?profile=RESIZE_480x480" width="400"></img></a></p>
<p></p>
<p>And do you know how to change the distribution of the text / icons? I mean, I would love to be able to eliminate the icons, so I can write my own…</p>
<p>Hi Jen!</p>
<p></p>
<p>Do you know how I can edit the pop-up window that comes out when I click on "Add Content" in the Welcome Box?</p>
<p>I need to delete the "Invite Friends" option and add a new one.</p>
<p><a href="http://storage.ning.com/topology/rest/1.0/file/get/301610569?profile=original" target="_self"><img src="http://storage.ning.com/topology/rest/1.0/file/get/301610569?profile=RESIZE_480x480" width="400" class="align-full"></a></p>
<p></p>
<p>And do you know how to change the distribution of the text / icons? I mean, I would love to be able to eliminate the icons, so I can write my own text in the full width of the box. </p>
<p><a href="http://storage.ning.com/topology/rest/1.0/file/get/301611772?profile=original" target="_self"><img src="http://storage.ning.com/topology/rest/1.0/file/get/301611772?profile=RESIZE_480x480" width="400" class="align-full"></a></p>
<p>Thanks!</p> Hi Safire,
I've never tried t…tag:jensocial.com,2012-03-30:2154984:Comment:4444622012-03-30T06:02:46.315ZJenSocialhttp://jensocial.com/profile/jmarco
<p>Hi Safire,</p>
<p>I've never tried this one. I checked the CSS and this is what is there now:</p>
<p>#welcome-icons span, .welcome-close a.close-nc {<br></br> background: url("http://static.ning.com/socialnetworkmain/widgets/index/gfx/welcomebox-png8.png") no-repeat scroll 0 0 transparent;<br></br> display: block;<br></br> height: 260px;<br></br> position: absolute;<br></br> width: 724px;<br></br>}</p>
<p>You could try replacing the png with another png of the same size, changing that image URL and adding this…</p>
<p>Hi Safire,</p>
<p>I've never tried this one. I checked the CSS and this is what is there now:</p>
<p>#welcome-icons span, .welcome-close a.close-nc {<br/> background: url("http://static.ning.com/socialnetworkmain/widgets/index/gfx/welcomebox-png8.png") no-repeat scroll 0 0 transparent;<br/> display: block;<br/> height: 260px;<br/> position: absolute;<br/> width: 724px;<br/>}</p>
<p>You could try replacing the png with another png of the same size, changing that image URL and adding this to your Advanced CSS. You would also need to add !important, like this:</p>
<p>background: url("yournewimage.png") no-repeat scroll 0 0 transparent!important;</p>
<p></p>
<p>Hope that helps,</p>
<p>Jen</p> Can we edit the icons too?tag:jensocial.com,2012-03-25:2154984:Comment:4437852012-03-25T21:49:43.532ZSafirehttp://jensocial.com/profile/SandraSaFireSommerville
<p>Can we edit the icons too?</p>
<p>Can we edit the icons too?</p> Glad you liked it!
;-)tag:jensocial.com,2010-02-09:2154984:Comment:1959702010-02-09T01:18:58.077ZJenSocialhttp://jensocial.com/profile/jmarco
Glad you liked it!<br />
;-)
Glad you liked it!<br />
;-) great tip......liked it..than…tag:jensocial.com,2010-02-09:2154984:Comment:1959492010-02-09T00:23:27.321ZUnimatezhttp://jensocial.com/profile/universityMatez
great tip......liked it..thanks :)
great tip......liked it..thanks :)