Virtuemart Seach Inputbox height adjustment

[tmmnh]

My Website : www.luvelle.net

i have tried to use firebug to adjust the height of my Search Module inputbox.

according to firebug
these are the code i got..

<input id="mod_virtuemart_search" class="inputbox" type="text" onfocus="if(this.value=='Product Search') this.value='';" onblur="if(this.value=='') this.value='Product Search';" value="Product Search" size="15" alt="Search" maxlength="20" name="keyword" style="height: 30px; vertical-align: middle;">

i have edited my code in components/com_search/views/search/tpml/default_form.php

<?php echo JText::_('COM_SEARCH_SEARCH_KEYWORD'); ?>
      </label>
      <input type="text" name="searchword" id="search-searchword" size="30" maxlength="<?php echo $upper_limit; ?>"style="height: 30px; vertical-align: middle;" value="<?php echo $this->escape($this->origkeyword); ?>" class="inputbox" />
      <button name="Search" onclick="this.form.submit()" class="button"><?php echo JText::_('COM_SEARCH_SEARCH');?></button>
      <input type="hidden" name="task" value="search" />


but it doesnt change the height of my search inputbox

can anyone help on this issue ?
thanks a million

[GJC Web Design]

#mod_virtuemart_search {
height:26px !important;
}



[attachment cleanup by admin]

[tmmnh]

Thank you so much !

i added this code to my template.css

however it seems like the height of my search box remains the same...

can anyone help on me?

many thanks in advance

Additional info

i m using Joomla 2.5.22, Virtuemart 2.6.7, and Purity III Responsive software

[GJC Web Design]

its not there - your template uses less compilation etc - you have to learn how to use this correctly...

[tmmnh]

 

thanks thanks thanks GJC !

Created a custom.css and put the code in.. ta da!
its done

really appreciate ur help so much!
thanks