PBTech

Moving Search box - PBTech

Moving Search box

by ZagadkaVolya » Sun Apr 10, 2016 6:48 am

I essentially want to do a header image of 80% page width (or so) - but the search box is in the way. I dont' want to remove it for fear of breaking the page. Tips?

Cheers
ZagadkaVolya
Registered User
Posts: 4
Joined: Sun Apr 10, 2016 6:13 am
Contact:

Re: Moving Search box

by RedArrow » Fri Jun 24, 2016 11:18 pm

You can modify the location of the Search Box by editing the variables in the Stylesheet.css file found @ "\styles\pbtech\theme\stylesheet.css" just do a Ctrl+F search for the following: ".search-header {" Then edit the following variables:

Code: Select all

   border: none;
   height: 31px;
   position: absolute;
   right: 10px;
   left: auto;
   bottom: 75px;
   width: 207px;
   z-index: 1;


However, if you wish to change the 'size' of the search box from 305px to 200px you will need to edit the image accordingly found @ "\styles\pbtech\theme\images\search-bar.gif". Also, if doing this, don't forget to edit the maximum 'allowed' length of text input by updating the ".search-header .inputbox {" width's variable. Otherwise when people type a lot of characters it'll overlap (going out of the search box image).

If you need anymore help, PM me and i'll do my best. :D
User avatar
RedArrow
Registered User
Posts: 128
Joined: Mon Jun 03, 2013 11:24 pm
Contact: