[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? |
try adding this to the CSS Inserts (ato->Add HTME/CSS Inserts option page)
HTML Code:
. searchfield { |
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. |
oops, I had an error, no space between the period and 'searchfield' - it should be
HTML Code:
.searchfield { HTML Code:
td.searchfield { this is a case where seeing the actual site wold help and knowing the version of Atahualapa and WP. |
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/"> |
use this instead
HTML Code:
table.searchform td.searchfield {padding: 0px 0px 0px 15px;} second is right third is bottom and fourth is left |
Fantastic! Thanks! There's a tip coming your way.
|
All times are GMT -6. The time now is 09:06 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.