Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

[SOLVED] Make a large search box


  #1  
Old Jun 11, 2010, 04:55 AM
Niska
 
16 posts · Jun 2010
Sweden
I'm unable to find howto make the text inside the search box, and the search box, a little bit larger. Is it possible?
  #2  
Old Jun 11, 2010, 05:11 AM
juggledad's Avatar
juggledad
 
23,737 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
see http://forum.bytesforall.com/showthread.php?t=6606
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Jun 11, 2010, 05:19 AM
Niska
 
16 posts · Jun 2010
Sweden
I've tried adding "font-size: 1.2em;" in Style & edit HEADER AREA -> Search Box. But it didn't do any difference.
  #4  
Old Jun 11, 2010, 05:45 AM
juggledad's Avatar
juggledad
 
23,737 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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!!
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Jun 11, 2010, 06:03 AM
Niska
 
16 posts · Jun 2010
Sweden
Atahualpa 3.5.1. I'm using the default settings.

URL: localhost (for development)
  #6  
Old Jun 11, 2010, 07:50 AM
juggledad's Avatar
juggledad
 
23,737 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
are we talking about the search box in the header area or in a sidebar widget?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Jun 11, 2010, 12:46 PM
Niska
 
16 posts · Jun 2010
Sweden
In the header. I've just started laborating with this theme and don't have any other widgets than the default ones.
  #8  
Old Jun 12, 2010, 06:25 AM
juggledad's Avatar
juggledad
 
23,737 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
add the following to ato->Add HTML/CSS Inserts->CSS Inserts
HTML Code:
div.searchbox-form input {font-size: 1.2em;}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #9  
Old Jun 12, 2010, 01:02 PM
Niska
 
16 posts · Jun 2010
Sweden
Thanks! I'll try it.
  #10  
Old Mar 28, 2011, 11:43 PM
Jam's Avatar
Jam
 
1,112 posts · Mar 2011
Perth, Western Australia
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)?
  #11  
Old Mar 29, 2011, 12:24 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
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.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #12  
Old Mar 29, 2011, 01:27 AM
Jam's Avatar
Jam
 
1,112 posts · Mar 2011
Perth, Western Australia
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
  #13  
Old Mar 29, 2011, 10:34 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
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.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
How do I make search box appear in front of logo image? Dennis Header configuration & styling 7 Nov 11, 2009 06:58 AM
How can I make the search wigget search in pages? aquilaciencia Plugins & Atahualpa 3 Aug 17, 2009 10:21 AM
Search box mhp Header configuration & styling 0 Jul 28, 2009 06:01 PM
Add Google Search to Search box? ldaily Header configuration & styling 0 Jul 21, 2009 10:12 AM
search box and archive search box zizi Page & Category Menu Bars 2 Mar 28, 2009 12:31 PM


All times are GMT -6. The time now is 03:41 AM.


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