Space between social media icons & nav bar?

[iamtheeverydaygirl 0]

Hi there -- On my home page (www.iamtheeverydaygirl.com), there is quite a bit of space between my social media icons (top right) and my header/navigation bar. Is there a way to delete some of that space? I've tried Firebug and played with the custom css code -- but nothing is working so far .... Thanks!

[Danny+ 1,327]

Hi, Add the following code to our either your child themes style.css or if you're using the PageLines Customisation plug-in add it the plug-ins style.css. [code]#sb_universal .content {position: absolute;right: 250px;z-index: 99;}[/code]

[iamtheeverydaygirl 0]

Tried to add that to my child theme - but didn't move anything. I'm currently not using the Pagelines Customization plug-in.

[Rob 547]

Try it in Dashboard > PageLines > Settings > Custom Code > CSS Rules.

[iamtheeverydaygirl 0]

That worked! It brought it right down. Just one more question -- I've played with each number, but would it be possible to adjust the height of the icons a little taller (more towards the top)? Thanks so much!

[Danny+ 1,327]

Hi, Add this to your custom CSS: [code]#sb_universal .content-pad {padding:0px;}[/code] Then replace this code: [code]#sb_universal .content {position: absolute;right: 250px;z-index: 99;}[/code] with this: [code]#sb_universal .content {position: absolute;right: 250px;z-index: 99;top:0;}[/code]

[iamtheeverydaygirl 0]

OK -- Did those changes. Looks the same for now and I've messed with the numbers and been able to move it further down, but how do I move the icons up, towards the top of the page? Thanks!

[Jenny 33]

To move the icons up, you can try adding a negative top-margin to your CSS.

[iamtheeverydaygirl 0]

Thank you -- I tried that, but adding that negative top margin number isn't really doing anything. I can live with the closeness for now if it's not working (made the social icons smaller to make up for it) -- but now I'm noticing that something happened where my home page is fixed, the right length -- but the category page is suuuuper wide and I can't figure out how to make it smaller! (if this should be a separate convo, let me know!) here's the home page: www.iamtheeverydaygirl.com the category page: http://173.239.45.59/~iamtheev/?cat=13 Thanks!

[catrina 103]

What CSS code have you tried so far? The category issue should be in a separate topic to avoid any confusion. :)

[iamtheeverydaygirl 0]

Hi Catrina -- This is the CSS code I'm using: #sb_universal .content {position: absolute;right: 200px;z-index: 99;top:-50;} #sb_universal .content-pad {padding:0px;} I've been changing up that "top" number in the first line. Thanks!

[Rob 547]

Try adjusting to: [code]#sb_universal .content {position: absolute;right: 200px;z-index: 99;top:-50px;} #sb_universal .content-pad {padding:0;}[/code] Just for future reference, when using zero (0) you don't need to add 'px' afterwards. It's a little CSS quirk. I added 'px' to the first line to let your CSS know what the -50 referenced. Let us know if it works.