Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)
-   -   [SOLVED] Make a large search box (http://forum.bytesforall.com/showthread.php?t=7535)

Niska Jun 11, 2010 03:55 AM

[SOLVED] Make a large search box
 
I'm unable to find howto make the text inside the search box, and the search box, a little bit larger. Is it possible?

juggledad Jun 11, 2010 04:11 AM

see http://forum.bytesforall.com/showthread.php?t=6606

Niska Jun 11, 2010 04:19 AM

I've tried adding "font-size: 1.2em;" in Style & edit HEADER AREA -> Search Box. But it didn't do any difference.

juggledad Jun 11, 2010 04:45 AM

from 'So..you have a problem and need some help...'
Quote:

4 - Provide the version number of Atahualpa and WP you are running - saying 'I'm using the latest version' is useless, what if a new vrsion came out earlier today or you only think you are using the latest version. Besides, six months from now that statement won't help someone else looking for an answer.

5 - Provide the URL! - if there is a problem on a particular page - name the page!!

Niska Jun 11, 2010 05:03 AM

Atahualpa 3.5.1. I'm using the default settings.

URL: localhost (for development)

juggledad Jun 11, 2010 06:50 AM

are we talking about the search box in the header area or in a sidebar widget?

Niska Jun 11, 2010 11:46 AM

In the header. I've just started laborating with this theme and don't have any other widgets than the default ones.

juggledad Jun 12, 2010 05:25 AM

add the following to ato->Add HTML/CSS Inserts->CSS Inserts
HTML Code:

div.searchbox-form input {font-size: 1.2em;}

Niska Jun 12, 2010 12:02 PM

Thanks! I'll try it.

Jam Mar 28, 2011 10:43 PM

Hi all, I've included a Search box in a sidebar widget, Atahualpa 3.4.9, but I would like to make the Search box wider and remove the magnify glass image/icon. Would anyone know how I can remove that image and make the Search field wider (if just removing the image doesnt do it)?

lmilesw Mar 28, 2011 11:24 PM

What I do is determine the CSS selector with Firebug then use CSS to style the box with width and height. For the magnifying glass you would determine the selector and use display:none to hide the image.

Jam Mar 29, 2011 12:27 AM

Thanks Larry.
For others - I did that, found style="display: block; in searchform.php and changed it to "display: none; and removed some padding while I was there. Fixered :)

lmilesw Mar 29, 2011 09:34 AM

It is better to use CSS in ATO>Add HTML/CSS Inserts>CSS Inserts to make those changes as changes to searchform.php will not hold if you upgrade the theme. For example the selector for the magnifying glass is .searchbutton so to hide it you would use.
HTML Code:

.searchbutton {
display: none;
}

The width of the search box should expand to fit the sidebar.


All times are GMT -6. The time now is 08:46 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.