[Twenty Eleven] How to put small icon under the search bar?

  • Resolved maqtanim

    (@maqtanim)


    13 years, 4 months ago

    It would be better if you please take a look at this image. I want to put some social icons of 32px X 32px just under the search bar of the Twenty Eleven theme like the above image. How can I do that? Any suggestion please?

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

  • Do not edit the Twenty Eleven theme. It is the default WordPress 3.2 theme and having access to an unedited version of the theme is vital when dealing with a range of site issues.

    For this reason, it is recommended that you consider creating a child theme for your customisations. Once your child theme is active, we should be able to help with the customisation.

    Thread Starter maqtanim

    (@maqtanim)

    @esmi

    Thanks for the reply. Actually I’ve created a child-theme and trying to edit that child theme in my computers’ LAMP server. Once it is done I’ll upload it to my hosting.

    Can any one please help me in this regard?

    Thank you.

    Thread Starter maqtanim

    (@maqtanim)

    Well … I’ve solve this problem a little bit. In the child theme, in the header.php, I put the following code:

    <div align="right">
<a href="https://twitter.com/maqtanim" title="Follow me in twitter" target="_blank"><img src="https://www.adnan.quaium.com/wp-content/images/twit.png"></a> &nbsp;  <a href="https://feedburner.google.com/fb/a/mailverify?uri=maqtanim&loc=en_US" title="Subscribe for getting automatic posts update via email" target="_blank"><img src="https://www.adnan.quaium.com/wp-content/images/mail.png"></a>  </div>

    I’ve put the above code inside the <body <?php body_class(); ?>> tag. To be precisely, the code have been placed in between the lines </hgroup> and <?php $header_image = get_header_image();. The result is this one.

    As you can see from this image that, the icons are not aligned with the search box. Also they are too far from the search bar, which makes a huge gap between the search box and the icons. What I want is to place the icons just below the search box and right aligned with the search box. To be precisely I want the icons like this picture.

    Please help me out.

    Thread Starter maqtanim

    (@maqtanim)

    At last I solved the problem… I put the following code onside <hgroup> tag (just between the <h1> and <h2>)

    <div align="right">
<a href="https://twitter.com/maqtanim" title="Follow me in twitter" target="_blank"><img src="https://www.adnan.quaium.com/wp-content/images/twit.png"></a> &nbsp;  <a href="https://feedburner.google.com/fb/a/mailverify?uri=maqtanim&loc=en_US" title="Subscribe for getting automatic posts update via email" target="_blank"><img src="https://www.adnan.quaium.com/wp-content/images/mail.png"></a>  </div>

    Now everything is in position in the header section. So I am going to mark this thread as resolved.

    BTW … can anyone please help me in this matter?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Twenty Eleven] How to put small icon under the search bar?’ is closed to new replies.