Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

Change width on search box WordPress

  • SOLVED

Hi,

I need to change the Agoda hotel search box on http://www.thailandliving.se, see on the right hand side.

The search box should be 440px width and I don´t know how to do that with ccs ...

This is the code use in the widget:
<br><div id='agoda_searchbox'><img src='http://ajaxsearch.partners.agoda.se/affiliates/images/ajaxloader.gif' width='32' height='32' alt='Loading search box ...' /></div>

thanks.
Charlotte

2011-04-26 by Charlotte Raboff

Answers (4)

2011-04-26

Denzel Chia answers:

Hi,

Open up header.php
find </head>
and add the following css code before it.


<style type='text/css'>
#agoda_searchbox_wrapper {
width:440px !important;
}
</style>


Thanks.
Denzel

Charlotte Raboff comments:

That worked, thanks!

Denzel Chia comments:

Hi,

Thank you too!
Please close question now and vote for me!

Thanks.
Denzel

2011-04-26

Utkarsh Kukreti answers:

Add this to your style.css, at the end.

#agoda_searchbox_wrapper {
width: 440px;
}

Charlotte Raboff comments:

I have done that now but there is no change, it´s the same width as before and I empty my chache...

2011-04-26

Rashad Aliyev answers:

Hello,

Open this css file ( http://ajaxsearch.partners.agoda.se/affiliates/styles/search_style1.css )

and change width on this css.

#agoda_searchbox_wrapper {
width:440px;
}

or you can put it any css file like this.

#agoda_searchbox_wrapper {
width:440px !important;
}

2011-04-26

Federico Vezzoli answers:

in your css you'd write something like that:

#agoda_searchbox_wrapper {
width: 440px
}

you gotta change the wrapper not the main id.