Spacing between the items in the header

  • Resolved aakashganga

    (@aakashganga)


    15 years, 2 months ago

    I am new to WP and am trying to put some social icons in the header. The website is http://www.si-usa.org. After a lot of R&D I was able to put the icons in but am not able to move it closer to the search box. I would prefer it to be right before the search box. Initially they were right next to the logo but by putting is periods in white color I managed to move the icons to the center. I know this must be the most crude way to achieve it, but not finding any other solution for now I left it at that. Any help would be greatly appreciated.

    PS.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Edward Caissie

    (@cais)

    15 years, 2 months ago

    Try moving the social icons from the #logo container to the #search-box container … you may still need a bit of CSS to move them around but I would imagine that would get you closer to start.

    Thread Starter aakashganga

    (@aakashganga)

    15 years, 2 months ago

    thanks for replying Edward,

    I tried it, but that moves all the navigation and rest of the text and all, lower than where they are and moves the two icons onto next line below the logo. Do you think there is ome issue with how the div is being used?

    vtxyzzy

    (@vtxyzzy)

    15 years, 2 months ago

    You can style them just where they are by adding a style parameter to your anchor tags. Your Facebook tag could look like this:

    <a target="_blank" style="position: relative; top: -25px; left: 50px;" href="http://www.facebook.com/update_security_info.php?wizard=1#!/pages/Sustainable-Innovations/125157714181981" class="social"><img alt="Follow us on Facebook" src="http://si-usa.org/wp-content/uploads/2011/03/facebook_16.png"></a>

    The Twitter tag would be similar, but with a larger left position.

    Thread Starter aakashganga

    (@aakashganga)

    15 years, 2 months ago

    thank you so much….This really worked out….To put in the twitter one I had to slightly play around, but evetually got it. Thanks again.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Spacing between the items in the header’ is closed to new replies.