Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support
Hey guys!!
If you want to hide or remove the header of all text boxes in main page but still keep the edit button and function. Use these CSS:
/* Remove Text Box Header in main page */
.xg_widget_main_index .module_text .xg_module_head h2
{
display: none;
}
.xg_widget_main_index .module_text .xg_module_head
{
padding: 0;
margin: 0;
overflow: visible;
}
.xg_widget_main_index .module_text .xg_module_head .edit
{
position: absolute;
right: 0;
top: -30px;
}
For text boxes in side bar and all pages, to remove the header, use the same CSS code and replace .xg_widget_main_index to #column2 . For example:
/* Remove Text Box Header in side bar */
#column2 .module_text .xg_module_head h2
{
display: none;
}
#column2 .module_text .xg_module_head
{
padding: 0;
margin: 0;
overflow: visible;
}
#column2 .module_text .xg_module_head .edit
{
position: absolute;
right: 0;
top: -30px;
}
These CSS code should put in Advanced CSS of Design Studio or Theme Editor.
Best Practice
When you use text box for ad banner, image slider, image link or special content... and don't need the tittle text and any white space. You can use these CSS code. :)
Tags:
Thanks for the tip!
Does anyone know if I can just remove the header of 1 text box on the main page?
Thanks alot
Grego,
It depends on which Text Box. They all share the same class name. We can remove the first Text Box with first-child of either column, which will only work in versions of IE, 9+. We could also do it with custom script, but it would hesitate a little due to code being added to Custom code Box.
Best,
Jen
Hi Jen
Thanks again for the quick reply.
It would be the first text box header @ www.BeAMusicPro.com (the slider textbox header)
Best regards
Grego,
Give this a try - - Alex's code edited for first Text Box Header in Left Column:
/* Remove Text Box Header in main page - - 1st Text Box */
.xg_widget_main_index #column1 .module_text:first-child .xg_module_head h2
{
display: none;
}
.xg_widget_main_index #column1 .module_text:first-child .xg_module_head
{
padding: 0;
margin: 0;
overflow: visible;
}
.xg_widget_main_index #column1 .module_text:first-child .xg_module_head .edit
{
position: absolute;
right: 0;
top: -30px;
}
The code below removes edit button, as well. Use Alex's version above, or the below, not both. =)
To edit the Text Box, you would either need to know how to use FireBug to temporarily remove the CSS while editing, or remove this CSS code to edit box.:
.xg_widget_main_index #column1 .module_text:first-child .xg_module_head {
display:none;
}
Best,
Jen
Great Job, Alex!
Welcome to
JenSocial: Social Web Directory and Ning Tips
Posted by JenSocial on May 7, 2018 at 8:35pm 9 Comments 1 Favorite
Posted by JenSocial on January 6, 2017 at 4:00pm 10 Comments 1 Favorite
Posted by JenSocial on October 22, 2016 at 1:05am 0 Comments 0 Favorites
Posted by JenSocial on September 17, 2016 at 12:00am 26 Comments 1 Favorite
Posted by JenSocial on August 31, 2016 at 3:30pm 13 Comments 0 Favorites
Ning 3.0 Tip - Add Buttons/Links Below Status Update (Quick Links to Add Photos, Posts, Discussions)
Started by Ning.spruz.com in Ning 3.0 Feb 19. 0 Replies 0 Favorites
Started by Evelina in Ning 3.0 Aug 30, 2023. 0 Replies 0 Favorites
Started by Evelina in Ning 3.0 Aug 27, 2023. 0 Replies 0 Favorites
© 2024 Created by JenSocial. Powered by
© Copyright JenSocial.