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

Luke Jones replied to Ron's discussion Ning Apps: Photo Tagging Feature (WIP)
":) Aha Awesome, that soon? :) Ye what I mean, is so its just like facebook, you can tag somebody in…"
2 hours ago
Ron replied to Yolanda van Heese's discussion Attachment in messages?
"Sure thing. Yes I think this is one thing that needs to be considered and added to messaging.
Good…"
4 hours ago
Ron replied to Ron's discussion Ning Apps: Classifieds Preview
"Thanks Fire-Tech! I will try to post regular updates as much as I can. :-)"
5 hours ago
Ron replied to Ron's discussion Ning Apps: Classifieds Preview
"Hey Jords! :D Thanks. "
5 hours ago
Ron replied to Ron's discussion Ning Apps: Classifieds Preview
"That's good to know Tim. I also know a few NCs who have the same situation as yours in regard to me…"
5 hours ago
Cory Meyers replied to Cory Meyers's discussion CAS Authentication to secure NING network?
"Thanks!"
13 hours ago
Kos replied to Cory Meyers's discussion CAS Authentication to secure NING network?
"They will not answer here.  You will have to file a ticket.  Best of luck."
13 hours ago
John Bizley replied to John Bizley's discussion Does anyone know how to do this: target items featured in the normal list not featured list
"Imagine you have photo which is featured this will show in the featured list page. So if iwanted to…"
14 hours ago
SweetPotato replied to John Bizley's discussion Does anyone know how to do this: target items featured in the normal list not featured list
"Not sure I understand. Can you elaborate?
SP"
15 hours ago
Fire-Tech replied to Ron's discussion Ning Apps: Classifieds Preview
"Nice. Look forward to checking it out when you finish it ;)"
16 hours ago
John Bizley replied to Yolanda van Heese's discussion Black gradient filter
"Your most welcome :-)"
16 hours ago
Yolanda van Heese replied to Yolanda van Heese's discussion Black gradient filter
"It does help John, thanks! "
17 hours ago
John Bizley replied to Yolanda van Heese's discussion Black gradient filter
"Hi Yolanda
You can remove it or change it's colour, this overlay is also present in members cover g…"
17 hours ago
John Bizley replied to John Bizley's discussion How to move your 'More Entries' photo strip up alongside the photo viewer
"Well decided on the more entries strip up along side of the photo in the main viewer, made a few al…"
17 hours ago
Yolanda van Heese replied to Yolanda van Heese's discussion Attachment in messages?
"Hi Ron, thanks for the tip!
I am not a techncal person, but it seems so weird that it is possible t…"
17 hours ago
TJ @ jQueryHelp replied to M.Tariq Malik's discussion Policy Breach Notice.. Help Required
"You are right, the problem is with the URL that Ning creates on a few of their pages, in which emai…"
19 hours ago
Jords replied to Ron's discussion Ning Apps: Classifieds Preview
"Looks Great!"
22 hours ago
James Gatlin is now a member of Christian Network Creators
22 hours ago
James Gatlin is now a member of How Did You Do That?
22 hours ago
James Gatlin is now a member of Tips and advice.
22 hours ago
More…