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

FedMedic replied to Suzie Nielsen's discussion Use of Profanity- help! Please
"You're welcome. :)"
8 hours ago
Suzie Nielsen replied to Suzie Nielsen's discussion Use of Profanity- help! Please
"Thanks so much... I agree 100%.."
8 hours ago
FedMedic replied to Suzie Nielsen's discussion Use of Profanity- help! Please
"I ask my members to limit their profanity as well. We have one group where they can let it all hang…"
9 hours ago
The Builder :) replied to Gerry Emery's discussion I'd like to see an example or two of the new NIng 3.0 websites
"Hi Gerry Emery. This Ning is  an little example to look Ning 3 potential: Inspirational reflection."
10 hours ago
SAMUEL QUELES replied to Gerry Emery's discussion I'd like to see an example or two of the new NIng 3.0 websites
18 hours ago
SAMUEL QUELES replied to Calico's discussion Como um membro solicita entrar num GRUPO no 3.0 ? in Criadores Brasileiros - Brazilian Creators
"Olá Calico,
O criador do grupo, no momento da criação define se ela será aberta, fechada e pode ain…"
18 hours ago
SAMUEL QUELES replied to Thiago Santos de Moraes's discussion Exemplos de comunidades inspiradoras usando o Ning 3.0 in Criadores Brasileiros - Brazilian Creators
"Olá Calico.
Obrigado pela observação. Eu alterei o layout da página e dei uma enxugada boa. 
Valeu!"
19 hours ago
JFarrow replied to Luke Jones's discussion Change code to a url so you can "install it"
"what if it is already installed?"
yesterday
SweetPotato replied to Luke Jones's discussion Change code to a url so you can "install it"
"I would suggest this company has the wrong guy :-)"
yesterday
Steve Clarke, M, Lajos Lanyi and 1 more joined Ning Creators Network
yesterday
JFarrow replied to Castleforte's discussion Connecting to a Facebook Group
"First you can pull FB Group RSS feeds into pages via RSS modules, but you'll need to get the feed f…"
yesterday
JFarrow replied to Luke Jones's discussion Change code to a url so you can "install it"
"Install what?"
yesterday
Paul Asher replied to Paul Asher's discussion Ning3 Member CSV File
"Done - Thanks :-)"
yesterday
Zachary Moonshine replied to Paul Asher's discussion Ning3 Member CSV File
"sure man "
yesterday
Paul Asher replied to Paul Asher's discussion Ning3 Member CSV File
"Cool Zach. Can I put your site on the N2JR wall of fame?
https://www.jamroom.net/ning-to-jamroom/&hellip;"
yesterday
Zachary Moonshine replied to Paul Asher's discussion Ning3 Member CSV File
"I just have to say I love Jamroom it is amazing I have forgotten all about NING in the last few wee…"
yesterday
Fire-Tech replied to Odino's discussion More space between modules
"Hard to say without seeing the site to check the code. If !important isn't working. Try to call it…"
Sunday
Kos replied to Odino's discussion More space between modules
"Did you try to increase the margin size in the code above?  Maybe someone else will chime in here b…"
Sunday
Odino replied to Odino's discussion More space between modules
"OMG I don't know why I wrote this, I'm sorry!!!!
I wanted to write: can I INCREASE the space betwee…"
Sunday
Kos replied to Poppili's discussion Have you heard of Mightybell ?
"Looks like posts, events and chat.  Very, very basic.  Nothing more are this point.  They're still…"
Sunday
More…