less space between span sections

hanni / 2014-09-29 00:27:03   

Hi,
I would like to adjust and minimize the space between the two spanning sections that are placed underneath the logo/name. Would like to have them with the same spacing as the name. I used firebug to locate the right area and tried to edit the index span.active_subsection, but couldnt really figure it out.

hanni / 2014-09-29 00:28:39   

webpage

hanni / 2014-09-29 08:30:07   
  1. i now found the right line to edit, but it doesnt work since both section title react.
  2. #index ul.section { margin-bottom: 2em; margin-top: 2em; }
Vaska A / 2014-09-29 10:58:44   

What is your website. You can target each ul individually - the css hooks are in there.

hanni / 2014-09-29 12:20:13   

i sent you a mail with my website, since its not working for me to hide the link in here.
i guess the question should rather be: different spacing between span sections.

hanni / 2014-09-29 12:23:33   

to make myself more clear:
between the name/logo and the span sections I'd like to keep the space thats given right now, but between the two (small written) sections it would be nice to have the same space as in the logo lines.
hope its clear.

Vaska A / 2014-09-29 14:04:55   

They look more or less the same to me right now.

hanni / 2014-09-29 14:10:54   

jep, but i'd like the second 'z....ng' section to come closer to the first.

Vaska A / 2014-09-29 14:17:37   
  1. #index ul#section_9 { margin-top: ...px; }

If you aren't, I highly recommend using Firebug or Chrome's built-in code inspector for looking at (and even live modifying) the things on your site - it's really super helpful.

Make sure that the above rule comes AFTER the rule that sets the current margin on #section. Put it at the end of style.css...

hanni / 2014-09-29 14:30:09   

many thanks!
didnt know i can work with minus, like -...px
it worked out.

i guess there's no easy way to modify the 'info', 'kontakt', 'links' undersections so they have the same fontsize as the big 'zeichnung'etc. sections, but without affecting the expandable subitems?

hanni / 2014-09-29 14:45:04   

ah, and yes I'm using firebug already, it helped me locate to area in about, but not totally.

Vaska A / 2014-09-29 14:49:42   

Yes, by targeting things specifically you can target them - just like I showed you. Just follow the chain...

hanni / 2014-09-29 15:19:30   

okay, i now added the last line to the link styles for the index region.
located 'info' to be 'exhibit_17', is that right?
it needs hard concentration! ;-) and its not working yet.

  1. /* links styles only for the #index region */
  2. #index a:link { font-size: 13px; line-height: 13px; font-family:'Futura W02 Book'; margin-bottom: 0em; font-weight: normal; background: #FBEFF2; } 
  3. #index a:hover { text-decoration: none; color: #000000; background: #FFFFFF; } 
  4. #index a:active {  } 
  5. #index a:visited {  }
  1. #index ul#exhibit_17 { font-family: "Futura W02 Book";
  2.     font-size: 26px; }
Vaska A / 2014-09-29 15:44:20   

#index ul li#exhibit_17 a

or

#index ul#section_1 li

hanni / 2014-09-29 16:45:58   

great! TA

This thread has been closed, thank you.