Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Sidebars & Widgets »

[SOLVED] Add indent to search widget field


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Nov 12, 2010, 09:57 PM
bswb97
 
150 posts · Aug 2010
[SOLVED] Add indent to search widget field

I'm trying to add a 15px indent to the input field on the search widget. Here's the original code for the field:

<td class="searchfield">
<input type="text" class="text inputblur" value="<?php the_search_query(); ?>" name="s"/>
</td>

I tried adding:
style="margin: 0px 15px 0px 0px"
right after name="s" but that didn't do anything. Help?
  #2  
Old Nov 13, 2010, 10:50 AM
juggledad's Avatar
juggledad
 
22,322 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
try adding this to the CSS Inserts (ato->Add HTME/CSS Inserts option page)
HTML Code:
. searchfield {
margin: 0px 15px 0px 0px;
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Nov 14, 2010, 01:40 AM
bswb97
 
150 posts · Aug 2010
No go on the code. I tried variations where I put div before the period (div.searchfield) and also tried padding.

Can you directly edit the CSS of the widget instead? That's what I was first trying.
  #4  
Old Nov 14, 2010, 05:31 AM
juggledad's Avatar
juggledad
 
22,322 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
oops, I had an error, no space between the period and 'searchfield' - it should be
HTML Code:
.searchfield {
margin: 0px 15px 0px 0px;
}
if you want to qualify it more you could use
HTML Code:
td.searchfield {
margin: 0px 15px 0px 0px;
}
but using 'div.searchfiels' is saying 'apply these rules to any div that has a class of 'searchfield' and who knows what the div uses, all I know from the code you provided, is that the TD has a class of 'searchfield'.

this is a case where seeing the actual site wold help and knowing the version of Atahualapa and WP.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Nov 14, 2010 at 01:34 PM.
  #5  
Old Nov 15, 2010, 05:05 PM
bswb97
 
150 posts · Aug 2010
Hmm, both of those still aren't working. Here is the site:

http://katiethebloglady.com/

And the code:
HTML Code:
	<div id="search-3" class="widget widget_search"><div class="widget-title"><h3>Search</h3></div><form method="get" class="searchform" action="http://katiethebloglady.com/">

<table class="searchform" cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="searchfield">
<input type="text" class="text inputblur" value="" name="s" />
</td>
<td class="searchbutton">
<input name="submit" value="Search" type="image" src="http://katiethebloglady.com/wp-content/themes/atahualpa353/images/magnifier2-gray.gif" style="display: block; border:none; padding: 0 0 0 5px; margin: 5px 5px 5px 0px" />
</td>
</tr></table>
  #6  
Old Nov 16, 2010, 06:50 AM
juggledad's Avatar
juggledad
 
22,322 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
use this instead
HTML Code:
table.searchform td.searchfield {padding: 0px 0px 0px 15px;}
first number is top,
second is right
third is bottom and
fourth is left
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Tags
indent, search widget

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Show custom field in kicker - only IF field value exists jaxon Center area post/pages 13 Feb 6, 2013 02:11 PM
Turning off Feed icons unintentionally expands search field environsa Header configuration & styling 1 Feb 7, 2010 02:22 PM
Add Google Search to Search box? ldaily Header configuration & styling 0 Jul 21, 2009 10:12 AM
How to add text in Search Widget sagatr Sidebars & Widgets 2 Feb 8, 2009 05:06 AM
Header image and search field and feed link Haser Header configuration & styling 1 Feb 7, 2009 08:07 AM


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


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