Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

If the asker does not get an answer then they have 10 days to request a refund.

$10
Change width of search box

Hi,

I want the Agoda search hotel box above the posts to have the width of 600px
and to add a little space between the search box and the header.

The code above the posts does not work if I don´t have have it in a widget, which I also have but as soon as I added the code above the posts the widget didn´t become visible on the blog..

www.thailandliving.se

What shall I do?

Thanks
Charlotte

This question has been answered.

Charlotte Raboff | 01/20/13 at 7:32am Edit
Tutorial: How to assign prize money

Previous versions of this question: 01/20/13 at 7:43am | 01/20/13 at 7:43am | 01/20/13 at 8:43am

(14) Responses

See a threaded view of answers?

Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

Last edited:
01/20/13
8:29am

Arnav Joy says:
where is the search box ?

also i did not get your point

The code above the posts does not work if I don´t have have it in a widget, which I also have but as soon as I added the code above the posts the widget didn´t become visible on the blog..

please explain..

Post reply
Last edited:
01/20/13
4:21pm

phppoet says:
You need to css your agola search box.

put something like this before your code.

<style type="text/css">
#SearchBox {
width:600px;
height:80px;
//all your search box design css code goes here
}
</style>
<div id="SearchBox">
<script src="http://ajaxsearch.partners.agoda.com/partners/SearchBox/Scripts/Agoda.SearchBoxV2.js" type="text/javascript"></script>
<script type="text/javascript">
var AgodaSearch = new AgodaSearchBox({
cid: 1410906,
filterCityName: '',
fixedCityName: false,
fixedCityNameVisible:true,
hotelID: '',
checkInDateBefore:3,
night:2,
language:25,
currencyCode:'SEK',
newWindow: true,
header: 'http://thailandliving.se/wp-content/themes/charlotteNew/images/header.jpg',
footer: '',
style: 'Default',
Element: 'SearchBox'
});
</script> </div>

Post reply

Previous versions of this answer: 01/20/13 at 4:21pm
Last edited:
01/20/13
8:48am

Charlotte Raboff says:
Sorry Arnav, I mean the Agoda Hotel Search box above the posts....

I first put the java script code in a widget but then I wanted it above the posts. So when I put the same code above the posts and deleted the widget, the Agoda Hotel Search box was gone so I put the widget back which is not visible when the Agoda box is above the post... strange, I know.

<div id="SearchBox"> </div>
<script src="http://ajaxsearch.partners.agoda.com/partners/SearchBox/Scripts/Agoda.SearchBoxV2.js" type="text/javascript"></script>
<script type="text/javascript">
var AgodaSearch = new AgodaSearchBox({
cid: 1410906,
filterCityName: '',
fixedCityName: false,
fixedCityNameVisible:true,
hotelID: '',
checkInDateBefore:3,
night:2,
language:25,
currencyCode:'SEK',
newWindow: true,
header: 'http://thailandliving.se/wp-content/themes/charlotteNew/images/header.jpg',
footer: '',
style: 'Default',
Element: 'SearchBox'
});
</script>

Post reply
Last edited:
01/20/13
8:48am

Charlotte Raboff says:
Sorry Arnav, I mean the Agoda Hotel Search box above the posts....

I first put the java script code in a widget but then I wanted it above the posts. So when I put the same code above the posts and deleted the widget, the Agoda Hotel Search box was gone so I put the widget back which is not visible when the Agoda box is above the post... strange, I know.

<div id="SearchBox"> </div>
<script src="http://ajaxsearch.partners.agoda.com/partners/SearchBox/Scripts/Agoda.SearchBoxV2.js" type="text/javascript"></script>
<script type="text/javascript">
var AgodaSearch = new AgodaSearchBox({
cid: 1410906,
filterCityName: '',
fixedCityName: false,
fixedCityNameVisible:true,
hotelID: '',
checkInDateBefore:3,
night:2,
language:25,
currencyCode:'SEK',
newWindow: true,
header: 'http://thailandliving.se/wp-content/themes/charlotteNew/images/header.jpg',
footer: '',
style: 'Default',
Element: 'SearchBox'
});
</script>

Post reply
Last edited:
01/20/13
8:48am

Charlotte Raboff says:
Sorry Arnav, I mean the Agoda Hotel Search box above the posts....

I first put the java script code in a widget but then I wanted it above the posts. So when I put the same code above the posts and deleted the widget, the Agoda Hotel Search box was gone so I put the widget back which is not visible when the Agoda box is above the post... strange, I know.

<div id="SearchBox"> </div>
<script src="http://ajaxsearch.partners.agoda.com/partners/SearchBox/Scripts/Agoda.SearchBoxV2.js" type="text/javascript"></script>
<script type="text/javascript">
var AgodaSearch = new AgodaSearchBox({
cid: 1410906,
filterCityName: '',
fixedCityName: false,
fixedCityNameVisible:true,
hotelID: '',
checkInDateBefore:3,
night:2,
language:25,
currencyCode:'SEK',
newWindow: true,
header: 'http://thailandliving.se/wp-content/themes/charlotteNew/images/header.jpg',
footer: '',
style: 'Default',
Element: 'SearchBox'
});
</script>

Post reply
Last edited:
01/20/13
8:49am

Charlotte Raboff says:
Sorry Arnav, I mean the Agoda Hotel Search box above the posts....

I first put the java script code in a widget but then I wanted it above the posts. So when I put the same code above the posts and deleted the widget, the Agoda Hotel Search box was gone so I put the widget back which is not visible when the Agoda box is above the post... strange, I know.

<div id="SearchBox"> </div>
<script src="http://ajaxsearch.partners.agoda.com/partners/SearchBox/Scripts/Agoda.SearchBoxV2.js" type="text/javascript"></script>
<script type="text/javascript">
var AgodaSearch = new AgodaSearchBox({
cid: 1410906,
filterCityName: '',
fixedCityName: false,
fixedCityNameVisible:true,
hotelID: '',
checkInDateBefore:3,
night:2,
language:25,
currencyCode:'SEK',
newWindow: true,
header: 'http://thailandliving.se/wp-content/themes/charlotteNew/images/header.jpg',
footer: '',
style: 'Default',
Element: 'SearchBox'
});
</script>

Post reply
Last edited:
01/20/13
8:51am

Arnav Joy says:
can you provide me screenshot?

Post reply
Last edited:
01/20/13
8:53am

Charlotte Raboff says:
there is some error on this page when I try to reply:

Oops! An Error Occurred
The server returned a "500 Internal Server Error".

Post reply
Last edited:
01/20/13
8:54am

Charlotte Raboff says:
there is some error on this page when I try to reply:

Oops! An Error Occurred
The server returned a "500 Internal Server Error".

Post reply
Last edited:
01/20/13
1:05pm

Arnav Joy says:
you have to create this image to 600px

http://img.agoda.net/images/affiliates/CmsLandingSearchBoxBg.gif

also you have to edit some css to adjust new width.

Post reply
Last edited:
01/20/13
4:30pm

Charlotte Raboff says:
Hi, thanks.

I just added your code but there is no different. Empty cache as well...

Post reply
Last edited:
01/20/13
4:35pm

phppoet says:
Can you come skype ?

I will help you to solve your problem there.

my skype is phppoet

Post reply
Last edited:
01/20/13
4:43pm

Charlotte Raboff says:
Hello again! It´s working now :-)

Post reply
Last edited:
01/20/13
4:44pm
phppoet says:
Undo the previous changes . open your default.css of your theme and replace this code around line 67
```
#txtCitySearch {

    width: 267px;

}
```
with
```
#txtCitySearch {

    width: 420px;

}
```
Post reply

This question has expired.

Christianto, Charlotte Raboff voted on this question.

Current status of this question: Completed

Please log in to add additional discourse to this page.

Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

If the asker does not get an answer then they have 10 days to request a refund.

Ask your WordPress questions! Pay money and get answers fast! (more info)

$10 Change width of search box

(14) Responses

$10
Change width of search box