Adjust the Search Bar to Properly Fit in Clip-Bucket v2


We all have probably noticed that the search bar does not fit properly into the navigation bar, yet we ignore it. The truth is that if we knew how easy it is to correct this issue, we would all fix it. Therefore, I am hereby to guide you through the steps of accomplishing this simple task.


1. Open ./styles/cbv2new/theme/main.css

2. Find

.s_bg { background:url(../images/search.png) no-repeat; width:359px; height:29px; margin:0px; padding:0px; -moz-border-radius:4px 0px 0px 4px; border:1px solid transparent; }

and replace it with

.s_bg { background:url(../images/search.png) no-repeat; width:356px; height:29px; margin:0px; padding:0px; -moz-border-radius:4px 0px 0px 4px; border:1px solid transparent; }

3. Save and Upload.


There you go! You can now go browse your website and see how the search bar now fits into the nav bar. If you have any questions or comments, please do not hesitate to write them below!

Best Regards,


Looking for quality Clip-Bucket hosting? Try out Arvixe and you won’t be disappointed.
Tags: , , , , , , , , , , , , | Posted under ClipBucket | RSS 2.0

Author Spotlight

Richi González

Richi González

I started programming when I was 12. I'm a Developer and have been working with the Clip-Bucket script since it came out. I'm the Liaison between Arvixe and Clip-Bucket, so anything you need regarding Clip-Bucket or any particular computer-related subject you need, let me know so I can assist you.

Leave a Reply

Your email address will not be published. Required fields are marked *

7 × = 63

You may use these HTML tags and attributes: <a href="" title="" rel=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>