February 21, 201511 yr Hi all, I'm new here - and to web design in general! My first website project is www.thelastminis.com, which I built using Weebly. I tried adding a Google custom search bar to the homepage, but as you can see the bottom part of the border for the search box is missing. I've tried several solutions I've found on the internet but none have seemed to work - does anyone have any idea how to solve this issue in CSS? Any help with it would be much appreciated, as I think it's letting the site down at the moment. Any more general feedback on the site would be welcome too.
February 22, 201511 yr It is down to the input box overlapping the border. Using inspect element I removed the top padding from '.gsib_a' it was '4px 6px 0' if you change it to '0 6px 0' then the bottom border is there.
February 22, 201511 yr Author It is down to the input box overlapping the border. Using inspect element I removed the top padding from '.gsib_a' it was '4px 6px 0' if you change it to '0 6px 0' then the bottom border is there. Thanks a lot for your help, that worked. How do I save that so it displays like that all the time? I can get it to change using inspect element but not sure how to save it. Thanks again.
February 22, 201511 yr Author I just added this in CSS and it changed correctly when I previewed it, but I've published the site and the issue is still there. .gsib_a { padding: 0 6px 0; }
February 22, 201511 yr if this is being pulled in from Google using their styles you should be able to override this by changing your code to: .gsib_a { padding: 0 6px 0 !important; }
February 22, 201511 yr Author if this is being pulled in from Google using their styles you should be able to override this by changing your code to: .gsib_a { padding: 0 6px 0 !important; } Of course, missed the !important off. Thanks a lot, much appreciated.
Create an account or sign in to comment