Search bar is not as clean looking on home page

Discussion in 'BlackBird WordPress Theme' started by iambank, May 19, 2015.

Thread Status:
Not open for further replies.
  1. iambank

    iambank New Member

    Joined:
    Apr 28, 2015
    Messages:
    6
    Likes Received:
    0
    The search bar on my website is somehow messed up and not sure how to fix it. From my attachment you can see the top picture from my site the white search box spills over the colored box. Where you can see that the color box is suppose to trim the edges (as seen in the second picture of the example picture from the website themes). It also seems to be missing the magnifying glass.

    How to I get it back to looking cleaner again?
     

    Attached Files:

  2. sameerwalkar

    sameerwalkar Guest

    Hello,

    Could you please provide your site URL.

    Also, If you are unable to create screenshots then you can use www.screenpresso.com
    that will help you to create screenshots for future reference.
     
  3. iambank

    iambank New Member

    Joined:
    Apr 28, 2015
    Messages:
    6
    Likes Received:
    0
    http://www.iowamitigation.com/iamb/

    And I included screen shots in my original question above that shows my search and and how it looks on Ink Themes site in attached files.
     
  4. sameerwalkar

    sameerwalkar Guest

    Hello,

    Please paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard:

    Code:
    .top-search .searchform{
      margin-top: 5px;
    }
    
    Hope it will solve your issue.
     
  5. iambank

    iambank New Member

    Joined:
    Apr 28, 2015
    Messages:
    6
    Likes Received:
    0
    It seems to not have done anything for the search bar after posting the code given and saving.
     
  6. Sobhagya

    Sobhagya Guest

    Joined:
    May 29, 2015
    Messages:
    414
    Likes Received:
    6
    Hello,

    Greetings from InkThemes,

    You can resolve it yourself, All you have to do is just go to Dashboard->Appearance->Theme Options->Styling Option->Custom CSS

    field and try to cut paste the given below CSS code there.

    Code:
    .top-search .searchform input[type="text"] {
        height: 12px !important;
    }
     
    .top-search .searchform {
        height: 22px !important;
        margin-top: 10px !important;
    }
     
    .top-search .searchform input[type="submit"] {
        background: url(images/search.png) no-repeat !important;
    }
    Hope that helped.
     
  7. iambank

    iambank New Member

    Joined:
    Apr 28, 2015
    Messages:
    6
    Likes Received:
    0
    It is still not working correctly, see the picture below.
     

    Attached Files:

  8. Sobhagya

    Sobhagya Guest

    Joined:
    May 29, 2015
    Messages:
    414
    Likes Received:
    6
    Dear User,

    Greetings from InkThemes,

    We have got your concern, please send us your WordPress dashboard admin login details at [email protected]. so that, we can have a look over the issues in detail and will try to resolve them ASAP.

    Your website Login link:
    WordPress username:
    WordPress password:

    Note: Once your issue get resolved, you can change your password.
     
  9. iambank

    iambank New Member

    Joined:
    Apr 28, 2015
    Messages:
    6
    Likes Received:
    0
    Information has been sent.

    Thank you
     
  10. Sobhagya

    Sobhagya Guest

    Joined:
    May 29, 2015
    Messages:
    414
    Likes Received:
    6
    Hello,

    I have resolved your issue
    Please have a look at your website.

    Hope you are enjoying InkTheme services.
    Do let me know if you need any help.
     
  11. iambank

    iambank New Member

    Joined:
    Apr 28, 2015
    Messages:
    6
    Likes Received:
    0
    Thank you, yes it looks great now!
     
Thread Status:
Not open for further replies.

Share This Page