Current status of the Ning Platform is always available on the Ning Status Blog.

Forum

Change height of hero box

Is there a way to make the height of the hero box smaller?  Currently, it takes up too much height and I'd like for it to be shorter so more of the other stuff on the page shows up when the site is opened.

http://wherewomenblog.ning.com

 

You need to be a member of Ning Creators Network to add comments!

Join Ning Creators Network

Email me when people reply –

Replies

  • NC for Hire

    Can you show me the code?

  • here's where i got the code to create a hero box:
    http://creators.ning.com/profiles/blogs/design-tricks-4-adding-a

    i added it all to my site and the entire box was way too tall ...in order words, it took up too much space. i removed the code from the left and center column only to get it back to the original columns for now.
    • You can resize the height by changing the height px:

      Let me know if you need help i can get it right for you!

      You will edit this': 

      .space {height:270px;} /*Height of the Hero Area */

       

      Good Luck! 

  • well, when i had the hero box all set up, i tried changing anything that had a ____px in in the code and nothing seemed to change. any other suggestions?
    • You have to match your content height px and the hero area space height. 

      let me see your what you added(your html or image)

  • i do not currently have the hero box set up since i couldn't get smaller ...gone back to original column set-up for now. the box was just way too tall using code for hero box.
    • Ok try this, 

      Lets give it try using this picture:: 

       

      Lets start:

      This code goes inside"Advanced " box

      .space {height:100px;} /*Height of the Hero Area */
      .module_text .xg_module_body {overflow:visible;}
      #spotlight {margin-left:-245px;width:741px;}
      #spotlight img, #spotlight embed, #spotlight object {padding:0; margin:0; max-width:741px;}

       

      This code goes inside "Analytics" or "Custom box"

      <script type="text/javascript">
      if (typeof(x$) != 'undefined') {
      x$("#xg_layout_column_2").attr({_maxembedwidth: "741"});
      }
      </script>

       

      Now back on the Main page, click the "Edit" button on the new Text Box in the left column (Text Box A) then insert the following snippet:
      <div class="space"></div>

       

      Now click the "Edit" button on the new Text Box in the center column (Text Box B), and insert this snippet:

      <div id="spotlight" class="space"><a href="http://api.ning.com:80/files/*tHd*uipNJBLfax4iWmVefb8uHBaS9bO9hvoRH4SlVcusSc0ekGNq7JDrO*nSBWQ9l8CsK7jnmLJBiIMka98d3w*M8hG1CIv/1064545044.jpeg" target="_self"><img src="http://api.ning.com:80/files/*tHd*uipNJBLfax4iWmVefb8uHBaS9bO9hvoRH4SlVcusSc0ekGNq7JDrO*nSBWQ9l8CsK7jnmLJBiIMka98d3w*M8hG1CIv/1064545044.jpeg"></a></div>

      Try this and let me know! 

This reply was deleted.

Search the Creators Network

Latest Activity

Anant Garg replied to Mary Jane Peterson's discussion CometChat
"Please create a support ticket and the team will help you out with the login information."
37 minutes ago
TJ @ jQueryHelp replied to Mateo O'Reilly's discussion Resizing profile picture.
"Thanks, George!"
2 hours ago
Anam replied to John Bizley's discussion How to get your Network Logo AND Your Network Name Both Showing Up ( Updated )
"Thanks John. You were perfectly right...I had no logo uploaded..i remember now I took it out…"
2 hours ago
Lea Scott replied to Lea Scott's discussion Problem with uploading multiple photos and descrptions at once
"Mine is having trouble with just two!"
2 hours ago
Kos replied to JFarrow's discussion Community Compass: Reimagining Getting Started Guides for Online Communities
"JF The link in the initial email notification didn't work (tried 3x) but I'm glad I…"
4 hours ago
Jeffrey Haskins replied to Baller's discussion Ads Showing up in the middle of blogs
"Are you sure you do not have a virus...these type of viruses used to show up on Facebook pages a…"
5 hours ago
Jeffrey Haskins replied to Jords's discussion What Are Your Expectations For The New Latest Activity Feed?
"I will say this...that Ning does communicate well on questions posted on the Facebook page, at…"
5 hours ago
Jeffrey Haskins replied to Lea Scott's discussion Problem with uploading multiple photos and descrptions at once
"I think you can upload up to 25 at once.  If you try to add more then that, it kicks them out"
5 hours ago
marshall blake replied to Jords's discussion What Are Your Expectations For The New Latest Activity Feed?
"Friends Only Feed"
6 hours ago
Kos replied to Jords's discussion What Are Your Expectations For The New Latest Activity Feed?
"I've set my expectation bar very low, hoping I won't be disappointed.  Secretly,…"
6 hours ago
Fire-Tech replied to Jords's discussion What Are Your Expectations For The New Latest Activity Feed?
"+1"
7 hours ago
NC for Hire Garfield Creator replied to Jords's discussion What Are Your Expectations For The New Latest Activity Feed?
"All that has been mentioned here already. + Video embed+ Automatic scroll+ Friends Only…"
7 hours ago
Zachary Moonshine replied to Mary Jane Peterson's discussion CometChat
"ok so i signed up for my free trial, it took my paypal info and sent me a confirmation email and…"
7 hours ago
NC for Hire SweetPotato replied to Jords's discussion What Are Your Expectations For The New Latest Activity Feed?
"Yeah, I know :-)"
9 hours ago
Fire-Tech replied to Jords's discussion What Are Your Expectations For The New Latest Activity Feed?
"I have a list of things I'd like to see, but honestly just hope it's a quality release…"
9 hours ago
Matt replied to Tim's discussion Paid Groups Not Updating
"Ning feedback... "this issue appears to be coming from Paypals end. Our team is doing what…"
9 hours ago
Thiago Santos de Moraes replied to Jords's discussion What Are Your Expectations For The New Latest Activity Feed?
"I want the same resource that we have in the 2.0 Ning labs by which I link updates in my Scooop.it…"
9 hours ago
John Bizley replied to Jords's discussion What Are Your Expectations For The New Latest Activity Feed?
"I to am so looking forward to this. As SP said but I would like to see the feed grow automatically…"
10 hours ago
John Bizley replied to Jords's discussion What Are Your Expectations For The New Latest Activity Feed?
"SP you can get those avatars to show up if they don't add that for the avatars in the skinny…"
10 hours ago
NC for Hire SweetPotato replied to Jords's discussion What Are Your Expectations For The New Latest Activity Feed?
"Video, web and image embeds. @mentions. Filtering based on friendship and other privacy…"
10 hours ago